语义 UI 进度警告状态

Semantic UI 是一个开源开发框架，它提供预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 Bootstrap 一样通过 CDN 直接使用。

进度模块指示完成的工作在总工作中的进度。它直观地指示使用条形完成的工作量。在语义 UI 中，进度条具有良好的界面和不同的惊人类。在本文中，我们将了解 Semantic-UI 中的进度警告状态。

语义 UI 进度警告状态类：

• 警告：以黄色指示表示警告。

句法：

示例 1：以下代码演示了 Semantic-UI 中警告状态的进度条。

HTML

  

    Semantic-UI Progress Warning State
    
    
    
    
    

  

    
        
            GeeksforGeeks
         
        
            Semantic-UI Progress Warning State
        
         
    
    
        
            
                
            
            
                Malware detected in some files
            
        
    

输出：

示例 2：以下示例演示了 Semantic-UI 中警告状态的进度条。

HTML

  

    Semantic-UI Progress Warning State
    
    
    
    
    

  

    
        
            GeeksforGeeks
         
        
            Semantic-UI Progress Warning State
        
         
    
    
        
            
                
            
            
                Warning : Disk space is getting less 
            
        
    
    
        $('#eg').progress()
    

输出：

参考： https://semantic-ui.com/modules/progress#warning