通過css或js的進度條動畫？

Question

我想創建一個進度條動畫，但是我不確定是否最好通過CSS或JS實現它，他們如何在這里實現呢？ 我正在尋找類似的效果。 http://goodlife.fuelthemes.net/2015/10/12/until-dawn-review/

這是他們使用的代碼嗎？ 因為我無法重現對環境的影響

topReviews: {
            selector: ".post-review .progress span",
            init: function() {
                var b = this
                  , c = a(b.selector);
                b.control(c),
                e.scroll(function() {
                    b.control(c)
                })
            },
            control: function(b) {
                var c = -1;
                b.filter(":in-viewport").each(function() {
                    var b = a(this)
                      , d = b.data("width");
                    c++,
                    setTimeout(function() {
                        TweenLite.to(b, 1, {
                            width: d + "%"
                        })
                    }, 200 * c)
                })
            }
        },

謝謝

Answer 1

<div id="myProgress">
  <div id="myBar"></div>
</div>

http://www.w3schools.com/howto/howto_js_progressbar.asp