Circular Progress
A JavaScript circular progress widget, dependency-free and configurable.
Example
var progress = new CircularProgress({
radius: 70,
strokeStyle: 'black',
lineCap: 'round',
lineWidth: 4
});
document.body.appendChild(progress.el);
progress.update(40);
Usage
new CircularProgress( options )
Other attributes are attached to the canvas 2D context.
Options :
- all 2D context properties.
text
: Scopped to text, acceptvalue
and all 2D context properties.initial
: Scopped to initial circle, accept all 2D context properties.
Example :
progress = new CircularProgress({
lineWidth: 2,
initial: {
strokeStyle: 'gray',
lineWidth: 4
}
});
// update options
progress.options.text = {
font: '14px'
};
update( value )
Update percent and draw the canvas, value
must be a float between 0 and 100.
License
MIT