我有一个 JQuery 进度条,我想动态地设置主题(文档 here):它将开始为红色,然后随着它的进展变成黄色,最后变成绿色。这似乎只是设置样式颜色属性的问题,但我似乎找不到合适的属性。
最佳答案
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");
}
关于javascript - 动态改变 jQuery 进度条的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6013067/