Унікальна смуга завантаження для вашого сайту

Існує безліч способів надати сайту унікальності, зробити його особливим. Для цього ми постійно вдосконалюємо дизайн сайту, додаємо нові можливості в функціонал. Але одним з елементів, який виділить ваш сайт серед інших - це індикатор завантаження сторінки, власний індикатор завантаження сторінки. Як правило, сторінка не може завантажитися дуже швидко, а в цей час, поки сторінка завантажується, можна вивести гарний індикатор завантаження.

Для створення індикатора завантаження ми будемо використовувати плагін Pace.js. Цей плагін призначений для створення красивих індикаторів завантаження на вашому сайті. Смуга завантаження заповнюється автоматично, використовуючи AJAX запити.

Завантажити даний плагін можна - тут.

Як встановити індикатор завантаження на свій сайт?

1 крок. Викачуємо даний плагін, разархивируем в папку, де у вас лежать всі скрипти.

Потім підключаємо даний плагін, вставляючи даний плагін між тегами :

2 крок. Вибираємо колір індикатора завантаження.

Там бачимо наступне поле для введення:

Тут в шістнадцятковому вигляді вводимо колір, який підходить по кольоровій гамі вашої теми. Раджу для цього використовувати програму ColorMania.

3 крок. Вибираємо стиль індикатора завантаження.

Спускаємося трохи нижче і вибираємо сподобався індикатор завантаження.

Натискаємо на посилання "Download» і побачите CSS код. Його необхідно скопіювати і вставити в файл стилів вашої теми.

Також між тегами вставляємо наступний код: