Piecon

A small JavaScript library for dynamically generating progress pie charts in your favicons.
Now available with Retina support so you can enjoy pixel-perfect crisp graphics!

See the live demo here.

Documentation

Basic usage

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

Options

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')
});

Browser Support

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+

License

Licensed under the MIT license.

Credits

Piecon was inspired by Tom's Tinycon.

evolvedhat/piecon