使用jquery显示进度条百分比

时间:2015-04-14 18:03:47

标签: javascript jquery html

我正在尝试显示进度的百分比。所以,我给出了一个带有班级百分比的范围来显示它,进度条的ID是“进度条”。我的js代码是,

$("#progressbar").progressbar({
  value: 50
});

$(document).ready(function() {

  $("#progressbar").progressbar({
    value: 0
  });
  var progress = setInterval(function() {
    var currentVal = $("#progressbar").progressbar("value");
    var nextVal = currentVal + 1;
    $('#percentage').text(currentVal);
    if (nextVal > 90) {
      clearInterval(progress);
    } else {
      $("#progressbar").progressbar({
        value: nextVal
      });
    }

  }, 100);
});

现在我如何在#percentage

显示百分比

先谢谢。

1 个答案:

答案 0 :(得分:0)

不是

var currentVal = $("#progressbar").progressbar("option", "value");

应该是

var currentVal = $("#progressbar").progressbar("value");

这些应该是你的检查站

  • 包含jQuery。
  • 在jQuery脚本之后包含jQuery-ui。
  • 包括css