在js中用了一个超时函数来控制进度条，好像超时函数没有一直运行呀，有会的兄弟帮忙看一下~~
代码如下：
<!DOCTYPE html>
MyHtml.html
<br> #frame{<br> border:#FF0000 solid 1px;<br> overflow:hidden;<br> width:300px;<br> border-radius:10px;<br> border-bottom-width:4px;<br> border-top-width:3px;<br> }<br> #frame .border{<br> margin:15px 30px;<br> border-radius:10px;<br> border:2px solid black;<br> height:30px;<br> overflow:hidden;<br> position:relative;<br> }<br> #frame .border .bar{<br> width:5%;<br> height:100%;<br> filter:progid:DXImageTransform.Microsoft.gradient(startColor='#B0B0B0',endColor='#F8F8F8',GradientType='0');<br> border-top-right-radius:10px;<br> border-bottom-right-radius:10px;<br> transition:all 5s ease-in-out 0s;<br> }<br> #frame .border .persentage{<br> position:absolute;<br> left:0PX;<br> top:0PX;<br> width:100%;<br> text-align:center;<br> padding:5px;<br> color:#F9EC75;<br> font-weight:bold;<br> }<br>
<br> window.setTimeout("Update();",0);<br> function Update(){<br> var frm=document.getElementById("frame");<br> var list=document.getElementsByTagName("div");<br> var bar;<br> for(var i=0;i<list.length;i++){<br> if(list[i].className=="bar"){<br> bar=list[i];<br> }<br> }<br> if(bar.style.width==""){<br> bar.style.width="5%";<br> }<br> else{<br> bar.style.width=parseInt(bar.style.width)+10+"%";<br> }<br> bar.nextSibling.nextSibling.textContent=parseInt(bar.style.width)-5+"%";<br> if(bar.style.width!="100%"){<br> window.setTimeout("update();",100);<br> }<br> }<br>
http://sc.chinaz.com/jiaoben/141210516800.htm#down