material-design-lite icon indicating copy to clipboard operation
material-design-lite copied to clipboard

Why progress elements are not displayed

Open garciacarmonaam opened this issue 7 years ago • 3 comments

Hello,

I am trying to use elements to show "Loading" status in my web app, but I find impossible to show the animations.

I am using the following libraries:

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

I tried to change the material.min.css file but I cannot retrieve anything.

garciacarmonaam avatar Nov 06 '18 18:11 garciacarmonaam

Usage for css is https://code.getmdl.io/1.3.0/material.indigo-pink.min.css material.{primary}-{accent}.min.css

if it is not only the css, show your html or js of the loading element.

aburai avatar Nov 06 '18 19:11 aburai

I have added both indefinite progress bars as in spinners according to these guidelines: https://getmdl.io/components/index.html#loading-section

garciacarmonaam avatar Nov 06 '18 19:11 garciacarmonaam

try to remove the defer for the material.js script or call window.componentHandler.upgradeAllRegistered() after your code

aburai avatar Nov 07 '18 11:11 aburai