<div style="text-align:left;width:200px;height:20px;border:solid 2px blue;" id="wai">
<div id="nei" style="width:0px;height:100%;background:blue;" ></div>
</div>
<script>
var num = 1;
var id = setInterval("aa()",1000);
var wai = document.getElementById('wai');
var nei = document.getElementById('nei');
function aa(){
nei.style.width = parseInt(wai.style.width) * (num/100)
//document.getElementById('jdnotice').innerHTML=parseInt((num/100)*100)+'%';
if(num<100){
num++;
}else{
clearInterval(id);
}
}
document.onclick=function (){
clearInterval(id);
}
</script>