component / piecon

Pie favicons -- great for upload progress etc

piecon

Pie charts for component/favicon inspired by the original piecon. Styled with CSS!

Installation

$ component install component/piecon

Styling

Piecon utilizes component/style to enable CSS styling for Canvas rasters. For example the default style is:

.pie {
  color: #EC4E89;
  background: #bbb;
  border: 2px solid white;
}

API

new Piecon([selector])

Initialize a new Piecon with optional CSS selector used for styling, this defaults to ".pie".

Piecon#update(n)

Update the percentage to n, this will automatically draw the pie and replace the favicon.

Piecon#size(n)

Set the diameter to n.

Piecon#reset()

Reset favicon.

License

MIT