Як зробити відображення процесу в заголовку сторінки на jаvascript.

Всім привіт! Бувають випадки, коли потрібно показувати прогрес чогось на сайті (наприклад, завантаження) в вашому favicon. Ось про те, як це зробити, сьогодні і піде мова.

Допоможе нам у цьому невелика jаvascript бібліотека під назвою piecon.

Відео: Asteroids # 1 - HTML5 Game Programming Tutorial [jаvascript]

Завантажити її вихідні коди ви можете тут.

Дана можливість підтримується всіма сучасними браузерами та IE9 +.

Відео: DangerPro - Як поміняти title (jаvascript)

Крім цього дана бібліотека також підтримує retina Дозвіл.

Використовувати дану бібліотеку дуже легко.

Piecon.setProgress(12) -// встановлюємо значення прогресу в 12 
Piecon.setProgress(25) -// встановлюємо значення прогресу в 25 
... 
Piecon.reset() -// скидаємо значення прогресу

Звичайно, у цій бібліотеки є кілька опцій.

Відео: HTML5 with CSS3 & jаvascript (JS)

Piecon.setOptions({ 
 color:`# Ff0084`,// колір кругової діаграми 
 background:`#bbb`,// колір фону діаграми 
 shadow:`#fff`,// колір зовнішнього кільця 
 fallback:false// перемикає відображення відсотків в заголовку (значення - true, false, `force`) 
}) -

Це буває дуже зручно, коли у вас на сайті йде якийсь процес, який займає тривалий час. Ви можете вивести значення в заголовок сторінки, щоб користувач, перемикаючись з інших вкладках, міг бачити, скільки ще залишилося до кінця його процесу.

А у мене на цьому все, спасибі за увагу і удачі!

Поділися в соціальних мережах:

Схожі