使用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});