Всем привет! Бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon . Вот о том, как это сделать, сегодня и пойдет речь.
Всем привет! Бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. Вот о том, как это сделать, сегодня и пойдет речь.
Поможет нам в этом небольшая javascript библиотека под названием piecon.
Скачать ее исходники вы можете здесь.
Данная возможность поддерживается всеми современными браузерами и IE9+.
Помимо этого данная библиотека также поддерживает retina разрешение.
Использовать данную библиотеку очень легко.
Piecon.setProgress(12); // устанавливаем значение прогресса в 12
Piecon.setProgress(25); // устанавливаем значение прогресса в 25
...
Piecon.reset(); // сбрасываем значение прогресса
Конечно, у этой библиотеки есть несколько опций.
Piecon.setOptions({
color: '#ff0084', // цвет круговой диаграммы
background: '#bbb', // цвет фона диаграммы
shadow: '#fff', // цвет внешнего кольца
fallback: false // переключает отображение процентов в заголовке(значения - true, false, 'force')
});
Это бывает очень удобно, когда у вас на сайте идет какой-то процесс, который занимает продолжительное время. Вы можете вывести значения в заголовок страницы, чтобы пользователь, переключаясь по другим вкладкам, мог видеть, сколько еще осталось до конца его процесса.
А у меня на этом все, спасибо за внимание и удачи!
