html - プログレスバーを動かす

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);