Javascript 使用jquery显示进度条百分比

Javascript 使用jquery显示进度条百分比,javascript,jquery,html,Javascript,Jquery,Html,我试图显示进度百分比。所以,我给了一个带有类百分比的跨度来显示它,进度条的id是progressbar。我的js代码是 $("#progressbar").progressbar({ value: 50 }); $(document).ready(function() { $("#progressbar").progressbar({ value: 0 }); var progress = setInterval(function() { var curren

我试图显示进度百分比。所以,我给了一个带有类百分比的跨度来显示它,进度条的id是progressbar。我的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);
});
现在如何以百分比显示百分比

提前谢谢。

不是

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

var currentVal = $("#progressbar").progressbar("value");
这些应该是你的检查点

包括jQuery。 在jQuery脚本之后包含jQuery ui。 包括css
问题是什么?您是否在控制台中收到某种错误?或者它显示不正确,或者根本不显示?可能会看到进度条的副本。但是我不知道如何显示它的百分比,所以我使用了一个id为“percentage”的范围。我如何显示它的百分比?Thanq我更正了它,但是,我想要的是显示百分比