Overlay
Loading Overlay
To use the Loading Overlay for page load event you should do the following:
Note: this is needed because javascript goes on footer and you want the overlay to be the first thing to be shown in your page.
-
Add the class
loading-overlay-showing
to the body -
Add the attribute
data-loading-overlay
to the body also -
Put this html right after opening the body tag
<div class="loading-overlay">
<div class="bounce-loader">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>