求一进度条

[scl666]

如图

现在自己的代码：
<div class="processcontainer" style="width:200px;height:20px;border:1px solid #ccc;">
<div align="center" id="processbar" style="width:0%;height:20px;background-color:#808080;"></div>
</div>
函数为：
function run(num) { //num为每次减1之后的次数，每次减一的函数没问题。
var times = document.getElementById("samplingTime");//获取到测量总次数
window.setTimeout(function(){setProcess();},1);
function setProcess(){
var processbar = document.getElementById("processbar");
if(num == 1){
processbar.style.width = 100 + "%";
processbar.innerHTML = processbar.style.width; }else{
processbar.style.width = parseInt(processbar.style.width) + Math.round(100/times) + "%";

processbar.innerHTML = processbar.style.width;
}
}

}
出现这样的问题，开始无论是第一次或者几次进度条都可以正常完成显示，但是在之后，当进度条涨到100%了，再次测量时，就出现了下面的问题（如下图），我自己加if(processbar.style.width == 100 + "%"){
processbar.style.width = 0 + "%";
processbar.style.width = parseInt(processbar.style.width) + Math.round(100/times) + "%";
processbar.innerHTML = processbar.style.width;
},并不受我控制.希望大神指点指点。