语义 UI 进度错误状态

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

进度条指示完成的工作在总工作中的进度。它直观地指示使用条形完成的工作量。在语义 UI 中，进度条具有良好的界面和不同的惊人类。在这篇文章中，让我们看看进度错误状态。错误状态描述了不同于期望或预期状态的不同输出。

语义 UI 进度错误状态类：

• 错误：它表示通过警报消息通知的不良情况。

句法：

    

      

    
  
Error

示例：以下代码演示了错误状态的进度条。

HTML

  

    Semantic-UI Progress Error State
    
    
    
    
    

  

    
        
            GeeksforGeeks
         
        
            Semantic-UI Progress Error State
        
    
    
        
            
                
            
            Network Error!
        
    
    
        $('#eg').progress();
    

输出：

示例 2：以下代码演示了进度条 错误状态。

HTML

  

    Semantic-UI Progress Error State
    
    
    
    
    

  

    
        
            GeeksforGeeks
         
        
            Semantic-UI Progress Error State
        
         
    
    
        
            
                2%
            
            
                Error: Ran out of Space, can't download!
            
        
    
    
        $('#eg').progress()
    

输出：

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