Индикаторы и прелоадеры / Адаптивный дизайн

Индикаторы и прелоадеры использующиеся для предварительного показа загружаемых элементов сайта, собраны материалы на эту тему.

Прелоадер CSS - Батарейка

Прелоадер в виде батарейки с анимированными индикаторами заряда, можно использовать в качестве индикатора загрузки страницы, сделано описание установки и демо пример использования.



Прелоадер Bounce

Во время загрузки страницы сайта или отдельного элемента можно подключить индикатор прелоадер Bounce в виде анимированных пульсирующих точек, описан процесс установки и демо использование.




Прелоадер CSS - Вращающийся бордюр

Индикатор - прелоадер в виде вращающегося бордюра сделан при использовании свойств css, сделано описание для использования дополненное демо.



Прелоадер CSS - Пульсирующий круг

Индикатор - прелоадер выполненный только свойствами CSS, создаёт эффект пульсирующего круга, сделано описание как применять, добавлено демо прелоадера.



Индикатор для загрузки страницы

Скрипт для индикаторов и прелоадеров предварительной загрузки страницы, описаны способы применения к картинкам, элементам CSS и SVG дополненные демо примерами.