Как сделать прелоадер с анимацией и процентами загрузки?
При помощи данной модификации можно сделать анимированный прелоадер на css, который будет исчезать после загрузки страницы. Дополнительно можно выводить свой текст или счетчик в виде процентов. Прелоадер работает стабильнее чем аналоги на Zero Block.
Для нормальной работы модификации необходимо включить библиотеку jQuery. Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Указываем настройки в генераторе кода: Цвет фона - указываем цвет фона прелоадера; Показывать прелоадер - "Всегда": прелоадер будет отображаться постоянно при каждом переходе или обновлении страницы. "Раз при сессии": прелоадер будет показан только один раз при первом посещении. При обновлении страницы или повторном посещении прелоадер не появится. Повторный показ возможен только после того, как пользователь закроет вкладку сайта и снова откроет ее; Тип прелоадера - указываем какой контент нужно выводить в прелоадер; Текст прелоадера - можно указать свой текст который будет выводить под анимацией; Размер текста - указываем размер текста. Стоит учесть что для пк и мобилок размер текста одинаковый;
Настройки анимации: Цвет подложки круга - указываем цвет подложки круга; Цвет ползунка круга - указываем цвет ползунка круга;
Настройки анимации: Цвет процентов - указываем цвет процентов; Размер процентов - указываем размер процентов; Скорость процентов - настраиваем скорость обновления процентов.
2. Копируем готовый код и вставляем в HTML блок Т123. Блок Т123 вставляем в самом верху страницы.