В данном видео рассматриваем шесть примеров создания разных типов анимации прогресса загрузки на Веб-странице. Анимация загрузки css один из вариантов, как это сделать без JavaScript. Анимация загрузки сайта позволяет повысить лояльность посетителей и снизить показатель отказов. Создание прелоадера на CSS.

Курс веб-программирование: https://www.youtube.com/playlist?list=PLFXz29rxgxB5Ba55WjG-etZ15T78sH5Ob
Создание непрямоугольных контейнеров: https://youtu.be/1dMoRRqZ8i4
Создание анимации при наведении на кликабельные блоки: https://youtu.be/Qi1GkXSH2L8
Основы использования Transition, Animation, Tranform в CSS - https://youtu.be/iRXYY763JZY
Пример верски сайта: https://youtu.be/EVOWxZyOP3M

Содержание:
00:00 - Введение
00:40 - Создание классического прогрессбара.
05:45 - Создание прогрессбара с шариками внутри
12:30 - Создание прогресса загрузки с крутящейся палитрой
20:05 - Создание прогресса с летающими кубиками
28:50 - Создание прогресса с прокручиающимися картинками в объективе
36:40 - Создание прогресса в виде поднимающегося уровня воды