使用inner.html.data更新jQueryUI进度条

Question

我在这里有基本的jQueryUI进度条代码;

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

然后我有一个脚本页面处理当前的上传进度并将其反馈回来;

document.getElementById('progressbar').innerHTML = iPercentComplete.toString(); 

然后更新这个inner.html;

<div id="progressbar">&nbsp;</div> 

我需要的是进度条根据进度条div中正在更新的值移动。这可能吗？如果是这样如何？如果需要，我还可以将代码添加到script.js页面。

谢谢！

Answer 1

$("#progressbar").progressbar("value" , iPercentComplete.toString()); 

动画看到： How do you animate the value for a jQuery UI progressbar?

Answer 2

document.getElementById('progressbar').innerHTML = iPercentComplete.toString(); 
$("#progressbar").progressbar({value: iPercentComplete});