Lightweight javascript nanoscopic progress bar.
Animation that shows something is in process.
Usable for the ajax applications.
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();
Changes the minimum or maximum percentage used upon starting.
(default minimum : 20
, default maximum : 95
)
Progress.configure({ minimum: 60 });
Progress.configure({ maximum: 99 });
Progressbar transition speed.
(default maximum : 95
)
Progress.configure({ speed: 0.5 });
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'] });