Displaying Progress Pie Chart In Your Favicon – Piecon

Piecon is a small JavaScript library that display a pie chart style progress indicator in your favicons.

How to use it:

Just download and include the Piecon JavaScript library in your html page and we’re ready to go.

<script src="piecon.js"></script>

Set the percentage value displayed in the progress pie chart.

Piecon.setProgress(30); // 30%

Reset the progress pie chart.

Piecon.reset();

Configuration options.

Piecon.setOptions({
  // color of pie chart
  color: '#ff0084', 
  // background color of pie chart
  background: '#bbb',
  // ring color
  shadow: '#fff', 
  // true, false, 'force'
  fallback: false
  
});