page-loading v0.0.2

Page-Loading

A small library to create awesome page loading progress bars.

How to start?

• Install using npm npm install page-loading
• If using ECMAScript 6 then import PageLoading from 'page-loading' then new PageLoading(filesToLoad)
• If using ECMAScript 5 then include <script src="~/node_modules/dist/page-loading.js"></script> in the head of your index.html then PageLoading(filesToLoad)

How to use?

var files = ['myJS.js','myCSS.css','myText.txt'];
var pl = PageLoading(files);
pl.on('progress',function(e){
    console.log(e.detail + ' combined percentage loaded!');
}).on('afterLoading',function(e){
    console.log(e.detail.url + ' is completely loaded!');
    console.log(e.detail.response); //this is the content of the loaded file
});
pl.init();

Methods

• on: Attaches a callback to one of the events
• init: Initializes the loading process

Events

• beforeLoading: Dispatches right before the loading process starts
• afterLoading: Dispatches once after each url is completely loaded
• progress: Dispatches when the progress value (the percentage) changes

Feel free to contribute, leave suggestion or issues.

License

This project is licensed under the MIT License.