进度栏颜色未根据值更新

拉贾塞卡(Rajasekhar)

我对进度条的要求不高,根据进度百分比,我们需要使用受尊重的颜色来更新状态。

我尝试使用以下代码,但颜色未正确更新。这是代码,

  $(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");  
        }

//  });

  });

请把你的想法分享给我

小提琴

拉贾普布(Rajabrabhu Aravindasamy)

您进行的条件检查有误,请按照以下步骤进行操作,

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章