Skip to content

Latest commit

 

History

History
60 lines (42 loc) · 1.12 KB

README.md

File metadata and controls

60 lines (42 loc) · 1.12 KB

Progressbar

Lightweight javascript nanoscopic progress bar.
Animation that shows something is in process.
Usable for the ajax applications.

Usage

Add progress.js to your project.

<script src='progress.js'></script>

Afterwords call Progress.start(), Progress.go(<percent%>) and Progress.complete() to render the progress bar.

Progress.start();
Progress.go(20);
Progress.go(30);
Progress.go(80);
Progress.go(100);
Progress.complete();

Configurations

minimum/maximum percentage

Changes the minimum or maximum percentage used upon starting.
(default minimum : 20 , default maximum : 95)

Progress.configure({ minimum: 60 });
Progress.configure({ maximum: 99 });

speed

Progressbar transition speed.
(default maximum : 95)

Progress.configure({ speed: 0.5 });

progress bar color(s)

Progressbar color to be used.
(default color : #9400D3)

Progress.configure({color:["#9400D3"]});

You can set multiple colors as per your wish.

Progress.configure({ color: ['#06273b','#9400D3','#00FF00'] });