📌  相关文章
📜  Materialize-css 预加载器

📅  最后修改于: 2021-01-07 00:51:13             🧑  作者: Mango

Materialize-css 预加载器(进度栏)

当您需要花费较长时间来加载内容时，可以使用预加载器，因此我们提供了数字活动+进度指示器。

Materialize提供了各种CSS类，以应用各种预定义的视觉和行为增强来显示各种类型的预加载器或进度条。下表列出了可用的类及其效果。

Index Class name Description
1) progress It is used to identify an element as a progress component. Required for div element.
2) determinate It is used to set the basic materialize behavior to progress indicator.
3) indeterminate It is used to set animation to progress indicator.

例

让我们以一个示例来演示Materialize CSS中的预加载器(进度条)：


   
      The Materialize Preloader Example
            
      
      
                 
      
   
   
    
      
Default Preloader

      

         

      

      
      
Indeterminate Preloader

      

         

      

      
      
Circular Preloader

输出：