Несколько сегментов в индикаторе выполнения?

Question

Я ищу несколько сегментов в шаге прогресса jQuery plugin.

Каждый сегмент может иметь разную ширину и цвет фона.

Я ищу что-то вроде этого:

Я устал вокруг прибегая к помощи, я не могу найти бар плагин прогресса JQuery, которые поддерживают мульти поддержку сегментов.

Имеется ли этот плагин?

Answer 1

с JQuery-интерфейса вы можете создавать сегменты внутри .ui-Progressbar стоимости

$("#progressbar").progressbar({ 
    value: 0, 
    create: function(event, ui) { 
     var progress=$(this); 
     var progressvalue=progress.children(".ui-progressbar-value"); 
     progressvalue.css("overflow","hidden"); 
     var wrapper=$("<div>"); 
     wrapper.css({"width":progress.width(),"height":"100%","display":"block"}); 
     progressvalue.append(wrapper);   
     var segment=$("<span>"); 
     segment.css({"width":"20%","height":"100%","display":"block","background":"#aa0000","float":"left"}); 
     wrapper.append(segment); 
     segment=$("<span>"); 
    segment.css({"width":"50%","height":"100%","display":"block","background":"#00aa00","float":"left"}); 
     wrapper.append(segment); 
    } 
});  

http://jsfiddle.net/9fDy3/