我对进度条的要求不高,根据进度百分比,我们需要使用受尊重的颜色来更新状态。
我尝试使用以下代码,但颜色未正确更新。这是代码,
$(function() {
// $("#idProgress").click(function(){
var progressPer = 76;
//var progressPer = $("#idTxtVal").val();
$( "#progressbar" ).progressbar({
value: progressPer
});
if (progressPer < 0 || progressPer > 25) {
$(".ui-widget-header").css("background","red");
}else if (progressPer < 26 || progressPer > 75){
$(".ui-widget-header").css("background","yellow");
}else if(progressPer < 76 || progressPer > 100){
$(".ui-widget-header").css("background","green");
}
// });
});
请把你的想法分享给我
您进行的条件检查有误,请按照以下步骤进行操作,
if (progressPer >= 0 && progressPer <= 25) {
$(".ui-widget-header").css("background", "red");
} else if (progressPer >= 26 && progressPer <= 75) {
$(".ui-widget-header").css("background", "yellow");
} else if (progressPer >= 76 && progressPer <= 100) {
$(".ui-widget-header").css("background", "green");
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句