Как отобразить панель, которая показывает определенный процент?

Question

У меня есть набор статей со значениями поля в диапазоне от 0 до 10. Я хочу отображать эти значения графически в виде полосы.Напримересли значение этого поля в статье равно 5,4, то это 54%, и должна отображаться полоса с 54% поверхности другого цвета.Я обнаружил плагин jQuery UI Progressbar (http://jqueryui.com/demos/progressbar),, но я не уверен, возможно ли использовать его для отображения фиксированных значений.

Answer 1

Индикатор выполнения пользовательского интерфейса jQuery очень прост в использовании и имеет статические значения.

Я использовал его на одном из своих сайтов и устанавливал различные цвета в зависимости от процента, который я установил в панели прогресса.

Использовать это очень просто:

$('#progressbar').progressbar({value: 37});

Это будет отображать индикатор выполнения примерно на 1/3 заполненного (дать или взять немного).Затем вы можете настроить его на любую нужную вам ширину.

Если вы хотите изменить значение после установки бара, вы можете сделать это с помощью параметра setter:

$('#progressbar').progressbar('option', 'value', 90);