使用jQuery显示进度条百分比

Question

I am trying to display percentage of progress .So, I've given a span with class percentage to display it there and id of progress bar is "progressbar". My js code is,

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

Now how can I display percentage at #percentage

Thanks in Advance.

Answer 1

Isn't

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

supposed to be

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

These should be your checkpoints

• Include jQuery.
• Include jQuery-ui after jQuery script.
• Include the css