Piecon. Процентная загрузка в Favicon и Title

02012-09-0235247Денис Абдуллин

Piecon – легкая JavaScript библиотека, динамически генерирующая график процесса в виде пирога, устанавливает загрузку в Favicon. Таким образом, Piecon осуществляет процентную загрузку в Favicon и Title.

Протестировано в браузерах Chrome 15+, Firefox 9+, Opera 11+. Возможно, что предыдущие версии поддерживаются, но не факт. В настоящее время, библиотека работает с Internet Explorer 9+ и Safari 5+.

Подключение библиотеки Piecon (в HEAD)

Code

Документация

Основное использование

Code

Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();

Опции

Code

Piecon.setOptions({
  color: '#ff0084', // Цвет заполнения
  background: '#bbb', // Цвет фона
  shadow: '#fff', // Цвет наружного фона
  fallback: false // Отображение процента загрузки в Title (true, false, 'force')
});

Скачать

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!

Комментарии (7)

Порядок вывода комментариев:

Илья Дементьев 2013-01-27 в 14:27 / МатериалСпам

И без этого все работает...

Влад VeD 2013-01-26 в 23:24 / МатериалСпам

Подключаемо ещё один скриптик, и все будет работать.

<script>
(function(){
var count = 0;
Piecon.setOptions({fallback: 'force'});
var i = setInterval(function(){
if (++count > 100) { Piecon.reset(); clearInterval(i); return false; }
Piecon.setProgress(count);
}, 250);
})();
</script>