JQuery UI Slider: 3-Handle Range and Custom Colors?

Question

I need a jQuery UI slider that has five multi-colored ranges defined by three handles. (Thus, the first range will be descriptor 0 - descriptor 1, and the second range will be descriptor 1 for processing 2.) Is this possible through the configuration or should I crack it? If I need to change the source, are there any recommendations on how to do this?

Update . What I'm looking for in terms of ranges:

| --- color 1 ----- handle1 --------- color 2 ------------- handle2 ------- color3 ------ --- handle3 ----- color 4 ---- |

(hope this makes sense.)

Answer 1

, jquery ui, . , "" "" , , CSS. . .

http://jsfiddle.net/AV3G3/3/

Answer 2

, , 3 ( ):

'ui-slider-handle' . "ui-slider-handle" init. , /. , ": [1, 5, 18] ' , .

Answer 3

jQuery, noUiSlider - , , , .