Прелоадер с процентами загрузки

1. Копируешь id Зеро Блока, из которого делаем прелоадер и вставляешь в генератор;

2. Добавляешь свой текстовый элементв Зеро Блок, в котором будет значение от 0 до 100. Указываешь класс к нему такой же как и в генераторе (например, preloadpercent);

Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name". Далее, справа в настройках указываешь тот же класс что и в генераторе;

3. Прописываешь текст после текстового элемента, к примеру "%";

4. Если нужно, указываешь текстовый элемент с точками и указываешь класс к нему. Прописываешь его в генераторе и текст до точек загрузки;

5. В случае если сайт тяжелый, ты можешь указать в первом шаге время загрузки от 0 до указанного значения. Во втором шаге время от первого указанного значения до второго;

6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.

ВАЖНО:

• Если сайт "легкий", то настойки времени не сработают. Можешь указать любые, сайт загрузится быстро;
• Код для прелоадера нужно поставить в самом верху страницы. Сам Зеро Блок с прелоадером под ним;
• Если это много страничный сайт и в хедере есть меню, нужно поставить этот прелоадер и код выше меню. Иначе при загрузке меню будет показываться ненадолго, будет проявляться;
• Также советуем изучить инструкцию от Тильды по оптимизации сайтов.