Как сделать прелоадер? Прелоадер для сайта на JavaScript с выводом процентов.

Друзья!
В этом видео простой и эффективный пример прелоадера с выводом процентов (прогресс/статус загрузки сайта) на JavaScript.

========================================

[romanmegagunko]

Главный минус этого скрипта в том, что после кеширования изображений, событие onload не отработает и весь основной функционал, прелоадер никогда не исчезнет. Поможет дополнительное условие if (file.complete) { render percent code... }

[gytyfyi]

Классно 👍 правда классно, удачи автору

[cryptoboroda]

Попался в реках, как раз когда учу js сейчас

[littlecat]

Загадка века. Код в видео работает - копируешь себе, а он уже не работает.
Процентная загрузка не идет и сам прелоадер не исчезает.
Может кто сталкивался с похожей проблемой?
За видео спасибо!

[aweb_]

Круто, но как говорится совершенству нет предела)
Было бы ещё круче если бы процентики набегали)

[oowcbju]

время ток потерял) лодер крутится процент не идёт, хорошо что на гитхабе код брал) если бы ещё в ручную писал то вообще плевался бы)

[rostislavklevetenko]

Здравствуйте, прошу ответьте, как сделать прелоадер на загрузку всех изображений прямо из папки ИЛИ на загрузку всех background! Прошу ответьте кто-нибудь потому что я тупо не могу найти как это сделать!

[tulcwcq]

огромное спасибо за гайд по прелоадеру, подписался-лайк ) надеюсь не забросил канал ? с такой крутой и подробной подачей материала обязан быть результат по просмотрам. Еще раз спасибо )

[FullStackV]

в коде есть недостатки высота не выстраиватеся на всю, второе загрузка картинок виснет на 40% процентах, бывает, вообще 93.3, консоль ошибок не выдает

[SonGoku-vsxv]

Привет, на каком js фреймворке работаешь? Если не секрет?)

[zbijggs]

Как скачать стили с сайта? Там региться надо? Куда так торопишься, ниче не понятно

[zbijggs]

Аттдуши, 3 спинер делаю по твоему гайду

[mr_vinikstudio]

Можно ли сделать прелоадер на время загрузки JS скриптов? В этих скрпитах идёт вопрос API серверу, который отвечает, а скрипт должен это всё обработать и вывести информацию, на что требуется время и пока информации нет, текст просто пустует до того момента, пока не загрузится. Можно ли сделать прелоадер на время загрузки?

[stanislav_tihanov]

Получается полная хрень, если на сайте одно фото или вовсе их нет!!!

[wjkwknp]

Дам ну это работает в том случае если изображения заданы в разметке, а если их в стилях задаём? Сработает ли в таком случае если мы соберём в массив элементы на которых изображения или так не работает?

[gift.albooms]

Круто. Если какое-то изображение не скачается - не повиснет лоадер?

Transition: all - не рекомендую, лучше все таки указывать свойства, которые будут плавно изменяться.