jquery进度条,包含起始值和结束值

时间:2012-10-12 09:03:56

标签: javascript jquery-ui jquery

Jquery进度条使用下面的代码显示从起点到它的值的输出。我需要从中间点开始给予另一个值。

Ex:我需要在0-100的栏中突出显示20 - 30的位置。

<script>
$(function() {
    $( "#progressbar" ).progressbar({
        value: 37
    });
});
</script>

1 个答案:

答案 0 :(得分:1)

好的,假设你正在使用Jquery UI进度条,你需要在进程上的进度条做一些事情,并且当你的进程在20%到30%之间时你需要改变颜色或产生一些效果< / p>

为此您需要设置间隔方法,如此

$("#progressbar").data("progress", setInterval(function() {
  if(percentComplete => 20 && percentComplete <= 30) {
    // Do highlighting here
  }
  $("#progressbar").progressbar( { value: percentComplete } );
}, 200)); 

以上代码可能不是一个随时可用的解决方案,它只是试图传达解决问题的方法