Basic Loading Screen For Material Design Lite – material-loading

Preview:

Description:

The material-loading lets you create a fullscreen loading screen for official Material Design Lite framework.

How to use it:

Load Material Design Lite framework in the document.

<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

Load the material-loading’s JavaScript and Stylesheet in the document.

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

Show the loading modal.

materialLoading(true)

Close the loading modal.

materialLoading(false)

Changelog:

06/09/2018

• JSupdate