事件驱动的进度条 - Javascript答案

【问题标题】：Event driven Progress Bar - Javascript事件驱动的进度条 - Javascript
【发布时间】：2013-07-24 19:00:31
【问题描述】：

我想在我的网站中实现一个事件驱动的流程栏。我在哪里可以找到一个？你会推荐哪些？

事件驱动的进度条类似于加载条，但进度完成时进度条不是百分比。所以我有一个执行 8 个任务的工作流程。任务 1 完成后，进度返回 1/8，任务 2 开始。

理想情况下，它还可以在栏上显示 8 个任务 [名称或描述]

谢谢

澄清我正在寻找这些栏，但只找到了百分比进度条。不知道目前有没有事件驱动的进度条

问题的当前版本 是否有可以在栏上或栏附近显示文本的进度条？此文本需要根据进度条进行更改。

一个例子是：

10% - 这个过程才刚刚开始 20% - 快到了 ...

【问题讨论】：

这个网站不是用来推荐图书馆的。你试过找吗？你会考虑自己做吗？
是的，我已经查看过，但没有找到任何东西。我问是因为我认为可能有某个版本的事件驱动进度条，但它可能有不同的名称，我应该搜索其他内容
取一个百分比并自己修改并不难。 10个任务，每个任务10%...

标签： php javascript jquery html json

【解决方案1】：

你找到这个网站了吗？

http://workshop.rs/2012/12/animated-progress-bar-in-4-lines-of-jquery/

他们有这个例子：

http://workshop.rs/demo/progress-bar-in-4-lines/demo2.php

jQuery UI 有这行代码你应该看看：

if ( target.is( "#numButton" ) ) {
    progressbar.progressbar( "option", {
    value: Math.floor( Math.random() * 100 )
});

//you could easily change value: to be whatever number you need as each process finishes

从此页面：

http://jqueryui.com/progressbar/#indeterminate

祝你好运！

【讨论】：

谢谢，带有 4 张图片的示例非常理想，因为我可以将图片替换为流程中每个点正在完成的不同任务。