Skip to content

component/progress

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Progress

Circular progress indicator using canvas.

js progress indicator component

Installation

$ npm install progress-component

Example

var Progress = require('progress');

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

var n = 0;
var id = setInterval(function(){
  if (n == 100) clearInterval(id);
  progress.update(n++);
}, 50);

API

Progress#update(n)

Update the indicator to n and re-draw.

Progress#font(family)

Change the font to family.

Progress#fontSize(n)

Change the font size to n.

Progress#size(n)

Change the indicator diameter to n, defaults to 50.

License

MIT

About

Circular progress indicator using Canvas

Resources

Stars

Watchers

Forks

Packages

No packages published