获取Jquery进度条的值

我希望找到进度条的值，这样我就可以在每个步骤中按百分比递增进度条，但无论我尝试什么，都可以说进度条未定义，或者在实例化对象之前无法调用该方法

我尝试过的事情：

 alert($('progressbar:first').prop('progress-label')); 

 progressbarValue = progressbar.find( ".progress-label" ).val();

HTML

---

尝试使用progressbar小部件的value方法

$("#progressbar").progressbar("value");

注意，您之前必须已经启动progressbar才能获取其值。否则，元素还不是progressbar

---

演示：

这就是返回给我的false值。你知道为什么吗？这对我来说很有效，试着简化你的代码，直到你可以在小提琴中复制它。啊，好吧，我想出来了，必须先在循环之外创建一个条的实例。谢谢

if(condition == true) {

    progressbar = $( "#progressbar" );
    progressbarValue = progressbar.find( ".ui-progressbar-value" );
    progressLabel = $( ".progress-label" );


    var size = parseInt($("#fieldWrapper .step").size(),10);
    var progress = 100/size ; 

 alert($('progressbar:first').prop('progress-label')); 
  progressbar.progressbar({
      value: progress,
      change: function() {
        progressLabel.text( progressbar.progressbar( "value" ) + "%" );

      },
      complete: function() {
        progressLabel.text( "Complete!" );
      }
    });

        progressbarValue.css({
          "background": '#' + Math.floor( Math.random() * 16777215 ).toString( 16 )
        });

}

$("#progressbar").progressbar("value");