Як зробити відображення процесу в заголовку сторінки на 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, jquery і ajax з нуля до гуру"
- Як створити асоціативний масив в jаvascript
- Як зробити область малювання на jаvascript.
- Як зробити попередній перегляд зображень на jаvascript.
- Ефект плавного перегортання на jаvascript.
- Скролінг тексту на кнопці
- Кнопка з анімованим текстом
- Подія прокрутки коліщатка миші в jаvascript
- jаvascript бібліотека dynamo.js
- Таймер на jаvascript
- Перевірка включений чи jаvascript
- Індикатор завантаження на jаvascript.
- Scripty2 - jаvascript бібліотека для приголомшливих анімацій.
- Ротатор тексту на jаvascript
- Скрипт галереї + слайд-шоу на jаvascript
- Ізоображеніе на хвилях в jаvascript
- Плавне зміна зображення в jаvascript
- Робота з cookie через jаvascript
- Валідність jаvascript
- Тестування з jаvascript
- Календар на jаvascript