Minimal Fullscreen Content Loader – H5Loading.js

H5Loading.js is a dead simple JavaScript library used to create a CSS based fullscreen loading indicator for ajax/asynchronous requests.

How to use it:

Import the required loading.css and loading.js into the webpage.

<link href="loading.css" rel="stylesheet">
<script src="loading.js"></script>

Show the loading indicator.

H5_loading.show();

Hide the loading indicator.

H5_loading.hide();

Available parameters for the H5_loading.show() method.

H5_loading.show(color, background, timeout);

Available parameters for the H5_loading.hide() method.

H5_loading.hide(timeout);