progress-svg

Circular progress indicator using SVG because, unlike canvas, SVG can be easilly styled with CSS.

Installation

With your favourite package manager:

- packin: packin add jkroso/progress-svg
- component: component install jkroso/progress-svg
- npm: npm install progress-svg

then in your app:

``js
var Progress = require('progress-svg')
`

API

$3

The Progress class. The progress circle will automatically center itself within whatever element you put it. In the example below it will be displayed in the middle of the document.

`js
var progress = new Progress
document.body.appendChild(progress.el)
`

$3

Set the size of the circle in pixels. The default is 100

`js
progress.size(40)
`

$3

update the display to show n percent completion

`js
progress.update(50)
`

$3

set the text to be placed in the center of the progress circle

`js
progress.text('%d percent') // '50 percent'
``