php - 事件驱动的进度条 - Javascript

Question

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

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

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

谢谢

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

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

一个例子是:

10% - 这个过程才刚刚开始 20% - 它正在到达那里 ...

Answer 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

祝你好运!