JavaScript进度条源码实例
1.如图:
?
?
?
?
?
2.
<style>#load{width:500px;height:25px;border:1px #000 solid;}#loading{position:absolute;z-index:2;height:23;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=1,startColorStr=white,endColorStr=#39867b);}#loadtext{position:absolute;z-index:3;width:100%;height:100%;line-height:23px;text-align:center;}</style><div id="load"><div id="loading"></div><div id="loadtext">1%</div></div><script>var i=0;function test(){i++;document.getElementById("loading").style.width = i + "%";document.getElementById("loadtext").innerText = i + "%";if(i<100)setTimeout("test()",200);}setTimeout("test()",200);</script>?
http://hi.baidu.com/sdhzczj/blog/item/6b3eb5e70a85712bb8382048.html
