使進度條移動

Question

我想製作一個html進度條，所以我使用下面的代碼，但它是靜態的，無論如何使它通過JavaScript變量或其他東西？
我使用了document.getElementById("progress-inner").style.width = percent;，但它工作一次。

HTML

<div style="position:absolute; top:100" id="progress-outer"> 
    <div id="progress-inner"></div> 
</div> 

CSS

progress-outer { 
    background: #333; 
    -webkit-border-radius: 13px; 
    height: 10px; 
    width: 70%; 
    padding: 3px; 
} 

progress-inner { 
    background: orange; 
    width: 20%; 
    height: 100%; 
    -webkit-border-radius: 9px; 
} 

Answer 1

以下只是其中的樣本..增強它。

i = 1; 
window.setInterval(
    function(){ 
     i++; 
     $('.progress-inner').css({ width : i + "%" }); 
    }, 
    200);