Блог

Главная - Вопросы по программированию - Анимация индикатора выполнения с помощью css или js?

Анимация индикатора выполнения с помощью css или js?

#javascript #jquery #html #css #animation

#javascript #jquery #HTML #css #Анимация

Вопрос:

Я хотел бы создать анимацию индикатора выполнения, но я не уверен, лучше ли это реализовать с помощью 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)
                })
            }
        },

Спасибо

Комментарии:

1. ^^ Для меня Javascript — лучший вариант в большинстве случаев для работы с динамическими «вещами». Вам следует поискать немного больше, прежде чем задавать этот вопрос, прежде чем пытаться изобрести его заново, потому что в Интернете есть сотни примеров. Мне нравятся предложения @DavoodPornabi для начала

Ответ №1:

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

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