Javascript 动态更改jQuery进度条的颜色

我有一个JQuery进度条，我想动态地设置主题（文档）：它将以红色开始，然后随着进度变为黄色，最后变为绿色。这似乎只是设置样式颜色属性的问题，但我似乎找不到合适的属性。

jQuery UI进度条没有明确设置颜色；相反，它从UI主题继承“小部件头”背景图像。因此，更改颜色的最简单方法是设置覆盖背景的样式。例如：

.ui-progressbar.beginning .ui-progressbar-value { background: red; }
.ui-progressbar.middle .ui-progressbar-value { background: yellow; }
.ui-progressbar.end .ui-progressbar-value { background: green; }

（或者，您可以使用不同的背景图像。）然后，您只需在设置其值时更改进度条上的类：

function updateProgressbar(current, target) {
    var value = parseInt(current / target * 100);

    $progressbar
        .progressbar("value", value)
        .removeClass("beginning middle end")
        .addClass(value < 40 ? "beginning" : value < 80 ? "middle" : "end");
}

函数updateProgressbar（当前，目标）{
var值=parseInt（当前/目标*100）；
$progressbar
.progressbar（“值”，值）
.removeClass（“开始-中间-结束”）
.addClass（值<40？“开始”：值<80？“中间”：“结束”）；
}

---

更改progressbar的值时不能添加颜色吗？i、 progressbar（{value:37}）.css（'color'，'green'）；我试过了。它不起作用。不过，谢谢你的建议！刚刚意识到这实际上初始化了进度条。您可以尝试：$（“.selector”）.progressbar（“选项”，“值”，37）.css（'color'，'green'）；。如果它不起作用，在.progressbar（..）之前添加css（尽管我不认为这会有任何区别）好吧，在你的帮助下，我终于找到了谷歌搜索词来获取我想要的信息。显然，它是通过在一个内部div中设置背景色来工作的，因此不是

$（'progressbar'）.css（'color'，'red'）

必须使用

$（'#progressbar>div'）.css（'background'，'red'）。谢谢你的帮助；没有你，我不可能找到答案！