进度条范例

<style type="text/css">
#d1{
background-color:#00FF00;
width:250px;
height:20px;
}

#d2{
background:#0099FF;
height:20px;
position:relative;
}
</style>
<script type="text/javascript">


<div id="d1">
<div id="d2" style="width:10px;" align="center">

<span style="color:#CCCCCC;font-size:14px;">Loading...</span>
</div>
</div>
<input type="button" value="move" onclick="autoMove();" />
<script type="text/javascript">
function move()
{
var d2 = document.getElementById("d2");

if(parseInt(d2.style.width) <250)
{
d2.style.width = parseInt(d2.style.width)+ 5 +'px';
}
}

function autoMove()
{
var x =setInterval(move,500);
window.setTimeout(function()
{
clearInterval(x);
},50000)
}
</script>