一个简单的jquery进度条示例

用jQuery实现的最简单的进度条，只有不到10行代码。样式可以直接忽略。(有一个图片需要自己找一下)9500.163.com

[CSS]代码复制代码代码如下： $(function(){ var I=0；（函数进度条(){ I=I ^ 1；if(I=101){ I=0；}$('#proc ').动画({width:i '%'}，500)；$('#progressWord ').文本(一“%”；setTimeout(progressBar，1500)；})();});[CSS]代码复制代码代码如下：progress _ out {位置：相对；border:1px固体# 3c 4d 60-web套件-box-shadow : # 666 0px 0px 3px；-moz-box-shadow : # 666 0px 0px 3px；箱形阴影： # 666 0px 0px 3px宽度宽度：200像素高度：40 px}.progress _ inner {底色： #达达E4；宽度： 100%;高度： 40px}.progress _ word { position : absolute；左侧：50%;top:24font字体粗细：粗体；}[HTML]代码复制代码代码如下： div id=' OutDiv ' class=' progress _ out ' div id='进度条' class=' progress _ inner ' img id=' proc ' src=' http :/cdr/images/resource/process bar。png ' width=0 height=40px//div div id=' progress word ' class=' progress _ word ' 0%/div/div