html动态进度条怎么写,CSS 动态进度条效果

i=0;

function startbar(){

showbar=setInterval("setbar()",500);

}

function setbar(){

i+=5;

if(i>=100){

clearInterval(showbar);

}

document.getElementById("bar").style.width=i+"%";

document.getElementById("bar").innerHTML=i+"%";

}

CSS 进度条

30%

样式

#loadbar{

width:280px;

background-color:#000;

border:1px solid #000;

}

#bar{

display:block;

font-family:Arial,

Helvetica, sans-serif;

font-size:12px;

background-color:#00d0ff;

text-align:center;

}