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