Slim Progress/Loading Bar In Native JavaScript – loadbar

Preview:

Description:

loadbar is a tiny native JavaScript plugin for creating a slim progress & loading bar which can be attached to any container or the whole document.

How to use it:

Include the minified version of the loadbar plugin at the bottom of the webpage.

<script src="loadbar.min.js"></script>

Create a new Loadbar instance and done.

var loadbar = new Loadbar();

Start the Loadbar.

loadbar.start();

Config the Loadbar with the following options.

new Loadbar({
    height: '2px',
    backgroundColor: 'blue',
    easeFunction: easing,
    zIndex: 999,
    pausePoint: 90
})

More API methods.

loadbar.stop();
loadbar.pause();
loadbar.done();
loadbar.loading();
loadbar.growTop(50); // goto 50%