Spreloader NPM

sPreLoader

Create a Loading Screen to preloader content for your website.

Easy for setup
Minify: 3Kb

Installation

In order to install it you can run:

$ npm install spreloader

Save into package.json

$ npm install spreloader --save

Usage

After <body> tag:

<div id="sPreLoader"></div>

Use javascript like this:

<script type="text/javascript">
    $('body').sPreLoader();
</script>

Option:

<script type="text/javascript">
   $('body').sPreLoader({
    colorBarOuter: "transparent",   // Color of Background Bar Process
    colorBar: '#e8119b',            // Color of Bar
    heightBar: '3px',               // Height of Bar
    colorBg: '#fff',                // Color of Background when fullscreen
    colorText: '#000',              // Color of text percentage
    showPercent: true,              // True: show percent(%) with fullscreen
                                    // False: just show process bar
    debugMode: false,               // Debug Mode
    delay: 800,                     // Delay time(ms) to hide preloader
    zindex: 1000,              
    allPage: false 
    // True: Do not need include <div id="sPreLoader"></div> into html file.
});
</script>

Callback:

<script type="text/javascript">
   $('body').sPreLoader({
    option...
    }, function(){
        console.log("Function callback here...")
    });
</script>