How to use angular-materialPreloader ?
Add the following code to the <head>
of your document.
<link href="css/materialPreloader.min.css" rel="stylesheet prefetch"> <script type="text/javascript" src="js/angular-Material-Preloader.min.js"></script>
Add angularMaterialPreloader
dependency to your module
angular.module("app", ["angularMaterialPreloader"])
Include <div material-preloader ></div>
directive in your html template.
//material-preloader as attribute <div material-preloader position="top" height="5px" col1='#159756' col2='#da4733' col3='#3b78e7' col4='#fdba2c' ></div>
Or Include <material-preloader ></material-preloader>
directive as element in your html template.
// material-preloader as element <material-preloader position="top" height="5px" col1='#159756' col2='#da4733' col3='#3b78e7' col4='#fdba2c' ></material-preloader>