Displaying Progress Pie Chart In Your Favicon – Piecon

Category: Javascript | February 19, 2016
Author: lipka
Views Total: 2,278
Official Page: Go to website
Last Update: February 19, 2016
License: MIT

Preview:

Displaying Progress Pie Chart In Your Favicon – Piecon

Description:

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

You Might Be Interested In:


Leave a Reply