Basic Loading Screen For Material Design Lite – material-loading

Category: Javascript , Loading | June 9, 2018
Author: fechanique
Views Total: 2,628
Official Page: Go to website
Last Update: June 9, 2018
License: MIT

Preview:

Basic Loading Screen For Material Design Lite – material-loading

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

You Might Be Interested In:


Leave a Reply