I need a library in order to show an input field (in a form) like the following:

Grey slider in the middle of a horizontal line

The value has to be between 0 and 5.


  • Very light library (I don't need other components)
  • Ability to customize the slider's color according to the input's value
  • Compatible to Firefox 17
  • JQuery library not needed

I already tried JQuery UI's one, but I'm looking for an alternative (especially if there is creative rendering alternatives of the slider).


Finally I found one lib: Dragdealer.js

It needs no depedency, and provide callbacks to allow customization of the slider when the handle is dragged (like color customization, ...)

An example of what I make:

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.