Jquery 如何显示显示某个百分比的条形图？

我有一组文章，字段的值从0到10不等。我想用一个条形图来显示这些值。例如。如果文章中该字段的值为5.4，则该值为54%，并且应显示另一种颜色的带有54%表面的条形图。我找到了jQueryUIProgressBar插件(http://jqueryui.com/demos/progressbar)，但我不确定是否可以使用它来显示固定值。

jQuery UI的progressbar非常易于使用，并且可以显示静态值

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

使用它非常简单：

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

这将显示约三分之一填充的进度条（给定或获取一点）。然后，您可以将其设置为所需的任何宽度

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

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

---

谢谢你的回答。我想如果我想用div值（例如“$（'progressbar'）.progressbar（{value:'myvalue}）；”），而不是“37”来调整它的大小，听起来你需要这样：

$（'progressbar'）.progressbar（{value:$（'myvalue'）.val（））

是的，它可以工作。刚刚更新了我的答案，在创建progressbar后包含了设置值。我试图让它在Js Fiddle上工作，但没有成功（）。我显然做错了什么。我现在也不能让它在JSFIDLE中工作。我知道它确实有效，因为我正在查看网站上包含进度条的页面。因此，在页面上尝试一下，看看是否比JSFIDLE获得更好的结果。