入门 CSS 加载器

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。

Loaders通知用户操作仍在进行中，可能需要一段时间才能完成。这是通知用户应用程序未处于停止模式并且正在后台运行的好方法。

入门 CSS 加载器类：

• AnimatedEllipsis：该类用于在元素末尾添加3个动画点（...）以显示加载状态。该类可以与

  到

  、和元素等多种元素结合应用。

句法：

Loading

示例 1：此示例演示 Primer CSS 中的基本加载器类。

HTML

    
      
    
    
      
    

  

    
        
GeeksforGeeks
        Primer CSS Loader
        

        Loading
        
    

  

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        
Primer CSS Loader
        

        Component Loading
        

        

            Video Loading
            
        
        

        

            Module Loading
            
        
        

        
            Button Loading
            
        
    

输出：

输出

示例 2：本示例演示了在 Primer CSS 中使用

、 和 元素的 Loader 类。

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        
Primer CSS Loader
        

        Component Loading
        

        

            Video Loading
            
        
        

        

            Module Loading
            
        
        

        

            Button Loading