Semantic-UI 段加载状态

这 语义用户界面 是一种开源框架，它在网页上提供用于创建一组相关内容的段或部分。它与引导程序的使用非常相似，并且具有不同的元素，使用 jQuery 和 CSS 作为界面使您的网站更加精彩。对于元素的样式，它使用类。

Segment 用于创建相关内容的分组。语义 UI 提供了用于设置段元素样式的类。 Semantic UI 中的段有两种状态，即禁用和加载。在本文中，我们将了解语义 UI 中段的加载状态。

在Loading 状态下，一个段显示它的内容正在被加载。一个动画加载器显示在该段的顶部以表示这一点。语义 UI 使用加载类将基本段转换为加载段。我们使用 Semantic UI 的.ui和.segment类来创建普通段。

语义 UI 段加载状态类：

• loading：该类将语义 UI 中的基本段转换为加载状态段。

句法：

示例 1：该示例演示了语义 UI 中基本段的加载状态。

HTML

  

    
   
    
    
    

  

    
        
            GeeksforGeeks
        
        Semantic UI Loading Segment
        
    
    
        
            Welcome to geeksforgeeks.
            Learn anything you want
  
            
                Get tutorial of anything
                related to computer science.
            
            Courses on programming
            Solve programming problems.
            Help other by writing articles.
  
        
    

  

输出：

Semantic-UI 段加载状态

示例 2：该示例演示了 Semantic UI 中反转段的加载状态。

HTML

  

    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        Semantic UI Inverted Loading Segment
        
    
    
    

  

输出：

Semantic-UI 段加载状态

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