Как работает прогресс бар на тостер?

Question

[lavezzi1]

Как он узнает прогресс? Или фейковый? Типа каждые n секунд добавлять прогресс, а по окончанию дать 100? Я про вот этот синий сверху.

Comments

[Александр]

Он работает неправильно на мобильных устройствах.

Answer 1

[profesor08]

Не совсем. Есть 2 ajax запроса. Это значит, что прогресс бар изменится 2 раза. Как только один из них вернет ответ, прогресс бар примет значение 50%, и все это анимируется на css, когда второй запрос вернет ответ, значение прогресса установится в 100% и начнется анимация. Все элементарно и просто.

Примерно так: https://jsfiddle.net/profesor08/r7oe4xkr/

Comments

[lavezzi1]

У него нет 50% процентов, он всегда замирает на ~10% и потом резко дергается на 100.

[profesor08]

Ну сначала он как-бы показывает что загрузка началась, потом по завершению запросов прыгает. Просто ты не замечаешь.