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

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

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

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

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

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



Code
<script type="text/javascript" src="piecon.min.js"></script>

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


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

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 / МатериалСпам
И без этого все работает...
1
Влад 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>
1
Влвдимир 2012-12-18 в 12:26 / МатериалСпам
Уже поставил себе) admin спс.
0
Илья Дементьев 2012-09-02 в 21:25 / МатериалСпам
Странно у меня favicon стоит таким-же...
0
Денис Абдуллин 2012-09-02 в 21:02 / МатериалСпам
На скриншоте все ведь ясно показано
0
Илья Дементьев 2012-09-02 в 20:47 / МатериалСпам
Можно пожалуйста DEMO? А то я не врубился :D
1
Гладнев Ярослав 2012-09-02 в 12:34 / МатериалСпам
Супер!
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.