进度条怎么设置重新运行，我的代码怎么会使进度突破天际了。。。？

Question

js：

function run(){ 
    var bar = document.getElementById("bar"); 
    var total = document.getElementById("total"); 
    bar.style.width=parseInt(bar.style.width) + 1 + "%";  
    total.innerHTML = bar.style.width; 
    if(bar.style.width == "100%"){  
      window.clearTimeout(timeout); 
      return; 
    } 
    var timeout=window.setTimeout("run()",100);
  }
    window.onload = function(){  
       run(); 
           bar.style.width="0%";
           run();
    }

css：

.container{  
   width:450px;  
   border:1px solid #6C9C2C;  
   height:25px;  
 }
#bar{  
   background:#95CA0D;  
   float:left; 
   height:100%;  
   text-align:center;  
   line-height:150%; 
 }

html：

       <div class="container"> 
             <div id="bar" style="width:0%;"></div>  
             </div>  
             <span id="total"></span>