jquery：将更新号码转为进度条？

Question

所以我有这个div

<div id="progress">{2 digit number updates here}</div>

将此转换为进度条的最佳方法是什么？

这样的事情？

<div id="progress">
     <div id="bar" style="width={2 digit number updates here}"></div>
</div>

这会'好'吗？!!!

Answer 1

非常接近。您希望以百分比形式表达您的更新，以便您可以显示以下内容：

<div id="progress" width="400px;"><!-- maximum width of your bar -->
    <div id="bar" style="width: {percentage complete goes here}%;">&nbsp;</div>
</div>

Answer 2

除了VoteyDisciples，您还可以使用jQuery UI Progressbar并使用.progressbar( "value" , 25 )更新百分比