Have Geek Brain

Dual slider with custom skin

I am currently trying to create a page for users to select two points from a range using a slide control. The first point in the range is when the alert will be sent to the user, the second point is the maximum limit. What I would like to do is show that the bar is green from 0 to the first slider, then orange between the two sliders, and finally red from the second slider to the other end of the panel.

Does anyone know of an easy one I can do this or with a slider that can be tailored for this?

+2


a source to share


2 answers


I was unable to find a slider that did exactly what I got. I ended up with the jQuery UI slider as shown here . This is a very good slider, although it has its own problems and was the easiest I could find, which was still close to my original specs.



+3


a source


This seems to be what you want. See the Mootools documentation for details.



+1


a source






More articles:


All Articles