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

Як зробити відображення процесу в заголовку сторінки на 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`)
}) -

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

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

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

Схожі
Як створити асоціативний масив в jаvascriptЯк створити асоціативний масив в jаvascript
Подія прокрутки коліщатка миші в jаvascriptПодія прокрутки коліщатка миші в jаvascript
Тестування з jаvascriptТестування з jаvascript
Ізоображеніе на хвилях в jаvascriptІзоображеніе на хвилях в jаvascript
Миготлива кнопка jаvascriptМиготлива кнопка jаvascript
Скролінг тексту на кнопціСкролінг тексту на кнопці
Таймер на jаvascriptТаймер на jаvascript
Індикатор завантаження на jаvascript.Індикатор завантаження на jаvascript.
Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"
Плавне зміна зображення в jаvascriptПлавне зміна зображення в jаvascript
» » Як зробити відображення процесу в заголовку сторінки на jаvascript.