一个简单的jQuery进度条的例子

用jQuery实现的最简单的进度条是少于10行代码。样式可以直接忽略。


{ }代码
复制代码代码如下所示：
$（函数（）{（））
var I＝0；
（功能条（）{
i = i + 1；
如果（= = 101）{
我= 0；
}
$（# proc）。动画（{宽度：我+%}，500）；
$（# progressword）。文本（我+%）；
setTimeout（ProgressBar，1500）；
}）；
}）；


{ }代码
复制代码代码如下所示：
progress_out {。
职位：相对；
边境：1px solid # 3c4d60；
WebKit的影子：666箱# 0px 0px 3px；
-moz盒阴影：# 666 0px 0px 3px；
盒子的影子：# 666 0px 0px 3px；
宽度：200px；
身高：40px；
}
progress_inner {。
背景颜色：# dadae4；
宽度：100%；
身高：40px；
}
progress_word {。
位置：绝对；
左：50%；
顶部：24%；
字体粗细：粗体；
}


{ }代码
复制代码代码如下所示：




0%