#progressbar{
width:500px
height:40px
display:block
position:relative
border:1px solid #aaa
}
#progressbar #sel{
width:250px
height:40px
display:block
background:#f0f
}
#progressbar #percent{
position:absolute
line-height:40px
width:500px
height:40px
top:0px
left:0px
text-align:center
}
</style>
<div id="progressbar"><div id="sel"></div><div id="percent"><span id="num">50%<span></div></div>
<script>
var sel = 0
function progress(){
document.getElementById("sel").style.width=(sel*100/500)+"%"
document.getElementById("num").innerHTML =(sel*100/500)+"%"
sel+=5
if(sel >=500){
sel = 0
}
}
setInterval("progress()",50)
</script>
以上代码你另存成html看下效果,如果可以请采纳下我的回答。
你先从浏览器输入这个下载地址,迅雷能html但前提是这个链接一定是个资源,而且提供下载。如果不是的话迅雷是不会链接的。有时候没有自动下载,也可以手动在迅雷上载入下载地址
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)