Индикатор прогресса

[Alfa2015]

Для создания индикатора прогресса воспользовалась JQuery UI Progressbar (https://jqueryui.com/progressbar/)

Вот, что получилось:

 

 

Вроде бы отлично, НО нужно чтобы заполнение у индикаторов было разное. 

Но изменить не знаю как, запрограммировано на один цвет.

Может, сюда нужно что добавить?

		$(function() {			$( ".progressbar-1" ).progressbar({				value: 90			});						$( ".progressbar-2" ).progressbar({				value: 85			});						$( ".progressbar-3" ).progressbar({				value: 80			});					});

P.S. Если будут предложения сделать индикатор средствами CSS, то это будет сделано после того, если не найдется решение для данного варианта...)))

 

Спасибо.

[sigma77]

Вроде бы отлично, НО нужно чтобы заполнение у индикаторов было разное

 

Что значит разное?

1) Каждый из 3 индикаторов имеет свой цвет? Так у тебя есть 3 разных класса, привяжи к каждому свой стиль.

2) Если класс один, цвет зависит от значения и значение задается динамически, то получай нужное значение (http://api.jqueryui.com/progressbar/) и уже в зависимости от него задавай классы и стили.

[Alfa2015]

2) Если класс один, цвет зависит от значения и значение задается динамически, то получай нужное значение (http://api.jqueryui.com/progressbar/) и уже в зависимости от него задавай классы и стили.

 

Подскажите как задать значение...)))