我怎样才能重用由div中的jquery创建的进度条

Question

我想在div中使用jquery创建的多次相同的进度条。 那么我该如何启动进度条呢。

Answer 1

什么阻止你只是按$('#yourelement').progressbar('value', 0);将进度条重置为0％？

除非你没有使用jQuery UI，否则你必须做$('#yourelement').width('0%')或类似的事情。

Answer 2

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

假设您正在使用jQuery UI进度条。

Answer 3

也许这会有所帮助：

重新使用JQuery ProgressBar时出现问题，因为当您将进度条重置为0时，条形图需要一段时间才能回到0（因为ProgressBar会平滑地从一个值移动到下一个值）。

我的回答是将progressBar重置为0，当它被隐藏时。

所以算法是：

1. 流程启动（例如文件上传）
2. 显示进度条

3. 在流程完成时更新进度

   $（ '＃jqProgressID'）进度（百分比）;

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

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

   。

   $（ '＃jqProgressID'）进度（0）;

这允许您重复使用进度条，而无需用户将栏重置为0。