Pie charts in your favicon!
A tiny javascript library for dynamically generating progress pie charts in your favicons.
var Piecon = require('piecon');
var count = 0;
Piecon.setOptions({fallback: 'force'});
var i = setInterval(function(){
if (++count > 100) {
// clears the icon
Piecon.reset();
clearInterval(i);
return false;
}
// this is what sets the actual progress count
Piecon.setProgress(count);
}, 250);
'check out the favicon' // =>
Piecon.setOptions({
color: '#ff0084', // Pie chart color
background: '#bbb', // Empty pie chart color
shadow: '#fff', // Outer ring color
fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')
});
Piecon has been tested to work completely in the following browsers (older versions may be supported, but haven't been tested):
- Chrome 15+
- Firefox 9+
- Opera 11+
Currently the library falls back to title updates for the following browsers:
- Internet Explorer 9
- Safari 5+
Licensed under the MIT license.
Piecon was inspired by Tinycon.
Made by yours truly - @lipka.