Semantic-UI 图标加载状态

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI 图标是一个字形，用于显示其他内容来代替文本以节省空间和时间。图标用于帮助用户浏览并在所有语言中具有相同的含义，因此许多项目不需要用不同的语言编写。

语义 UI 图标加载状态可用于使图标成为一个简单的加载器。该图标将作为加载指示器旋转。

Semantic-UI 图标加载状态类：

• loading：添加此类后，图标将开始旋转，看起来正在加载。

语法：添加加载类，这将使图标成为一个简单的加载器，如下所示：

    ...

示例：下面的示例说明了语义 UI 图标的加载状态。在这个例子中，我们通过添加加载类使图标成为一个简单的加载器。

HTML

    
        
        
        
        
        
        
           body
           {
             margin-left:10px;
             margin-right:10px;
           }
        
    
    
        
            
                 
                      GeeksforGeeks 
                 
                
                      Semantic UI Icon Link Variation
                       
                       
                
                    
                          
            
        
    

输出：

参考： https://semantic-ui.com/elements/icon.html#loading