事件驱动的进度条 - Javascript

时间:2013-07-24 19:00:31

标签: php javascript jquery html json

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

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

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

由于

澄清 我找了这些酒吧,只发现百分比进度条。我不知道目前是否有事件驱动的进度条

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

一个例子是:

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

1 个答案:

答案 0 :(得分:3)

你找到这个网站吗?

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

祝你好运!