如何显示显示一定百分比的栏？

Question

我有一组文章，其字段值介于0到10之间。我想用条形图以图形方式显示这些值。 E. g。如果文章中该字段的值为5.4，则为54％，并且应显示另一种颜色的54％表面的条形图。我找到了jQuery UI Progressbar插件（http://jqueryui.com/demos/progressbar），但我不确定是否可以用它来显示固定值。

Answer 1

jQuery UI的进度条非常易于使用并且具有静态值。

我一直在我的某个网站上使用它，并根据我在进度条中设置的百分比设置各种颜色。

使用它非常简单：

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

这将显示一个大约1/3填充的进度条（给或拿一点）。然后你可以将它设计成你需要的任何宽度。

如果要在设置栏后更改值，可以使用setter选项执行此操作：

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