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.