javascript - 用 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() );

对于动画，请参阅： 如何为 jQuery UI 进度条的值设置动画？

Answer 2

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