Двойной ползунок с индивидуальным оформлением

Question

В настоящее время я пытаюсь создать страницу для пользователей, чтобы выбрать две точки из диапазона с помощью ползунка. Первая точка в диапазоне - это когда пользователю отправляется предупреждение, вторая точка - максимальный предел. Что я хотел бы сделать, так это чтобы полоса была зеленого цвета от точки 0 до первой точки ползунка, затем оранжевого цвета между двумя ползунками и, наконец, красной от второго ползунка до другого конца полосы.

Кто-нибудь знает о том, легко ли я мог сделать это или о ползунке, который можно сделать скином для этого?

Answer 1

Мне не удалось найти слайдер, который сделал именно то, что я хотел. В итоге я использовал слайдер JQuery UI, как показано здесь . Это очень хороший слайдер, хотя у него есть свои проблемы, он был самым простым, который я смог найти, который все еще близко соответствовал моим оригинальным спецификациям.

Answer 2

Это , кажется, то, что вы хотите. Подробности смотрите в документации Mootools.