Pie favicons -- great for upload progress etc
JavaScript HTML Makefile CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
History.md
Makefile
Readme.md
component.json
example.html
favicon.ico
index.js
package.json
piecon.css

Readme.md

piecon

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

js pie favicons

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