语义-UI |装载机

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。它使用一个类将 CSS 添加到元素中。

当您正在加载网站或使用异步加载并希望用户显示正在加载时，加载器非常有用。

以下是一些加载器的示例：

示例 1：在此示例中，我们将创建一个简单的加载程序。

    
        Semantic UI
        
    
    
        
            Loader
            
                
                
                    
                
            
        
        
        
    

输出：

示例 2：在此示例中，我们将创建一个文本加载器。

    
        Semantic UI
        
    
    
        
            Text Loader
            
                
                    
                     Loading
                    
                
                
            
        
        
        
    

输出：

示例 3：在这里我们将看到中间加载器（当你不知道它需要多长时间时，你可以使用它）。

    
        Semantic UI
        
    
    
        
            Indeterminate Loader
            
                
                    
                         Fetching Data
                
                
            
        
        
        
    

输出：

示例 4：在本示例中，我们将创建不同大小的 Loader。

    
        Semantic UI
        
    
    
        
            Different Size Loader Loader
            
                
                    
                     Loading
                    
                
                
            
            
                
                    
                      Loading
                    
                
                
            
            
                
                    
                      Loading
                    
                
                
            
            
                
                    
                      Loading
                    
                
                
                
            
        
        
        
    

输出：

注意：您还可以使用其他大小类别，例如 large、huge 和 mass。