如何重用jquery在一个DIV中创建的ProgressBar

是什么阻止了你 $('#yourelement').progressbar('value', 0); 要将进度条重置回0%?

除非你不使用jquery ui,因为你只需要这样做 $('#yourelement').width('0%') 或者类似的东西。

$('#yourprogressbarid').progressbar('option', 'value', 0);

假设您使用的是jquery ui progressbar。

或许这将有助于:

我在重新使用jquery progress bar时遇到了一个问题,因为当您将进度条重置为0时,进度条需要一些时间才能移回0(因为progress bar平滑地从一个值移到下一个值)。

我的答案是在进度条被隐藏时将其重置为0。

所以算法是:

1. 进程启动(例如文件上载)
2. 显示进度条

3. 进程完成时更新进度

   $('jqprogressd').progressbar(百分比);

4. 当进程完成时,隐藏进度条

5. 现在将进度条重置为0:

   $('jqprogressd').progressbar(0);

这允许您重新使用进度条,而无需用户查看重置为0的进度条。