Original Post as Follows:

Just include the file Slider.js (please download and run it locally).

You can use it like this:
The window/frame is passed to the constructor, that kinda makes it hard to remove or add to other frames/windows ... but you can hack the source if you want more than that (or traverse the DOM and do it the hard way).

I was more interested in quick-dev and too lazy to generate JsDoc for it ...
So the total properties include:

• width
  • width of slider component (may have to adjust to get lines "pixel perfect"), not the true width of the actual visible slider.
• hOffset
  • horizontal offset of the component.
• vOffset
  • vertical offset of the component.
• min
  • The minimum value of this slider. Must be < max.
• max
  • The maximum value of this slider. Must be > min.
• ticks
  • number of total ticks, including the min and max. Must be > 2.
• snap
  • whether to snap to ticks or not. snapping may not be exactly perfect with drawn ticks, just really damn close.
• value
  • The current value of the slider. Values outside of the slider's range will be capped.

This slider does work for negative ranges, I believe.