progressive-loading-bar v1.1.1

Progressive Loading Bar

About

A PACE loading bar plugin.

How to Use

There are multiple loading bar styles you can use:

• big-counter
• bounce
• center-atom
• center-simple
• flat-top
• loading-bar
• mac-osx
• minimal

Choose one, and add the following the to the head section of your html page:

<link
    rel="stylesheet" 
    type="text/css" 
    src="node_modules/progressive-loading-bar/dist/css/{loading_bar_style}/plb.min.css" 
/>
<script 
    type="text/javascript" 
    src="node_modules/progressive-loading-bar/dist/js/plb.min.js">
</script>

Replace {loading_bar_style} with one of the following styles listed above.

For Angular Apps

Add this to your scripts array in angular.json:

node_modules/progressive-loading-bar/dist/js/plb.min.js

And add this to your styles array in angular.json:

node_modules/progressive-loading-bar/dist/css/{loading_bar_style}/plb.min.css

Replace {loading_bar_style} with one of the following styles listed above.