Semantic-UI Progress 成功状态

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

进度条指示完成的工作在总工作中的进度。它直观地指示使用条形完成的工作量。在语义 UI 中，进度条带有更好的用户界面，以及不同的令人惊叹的类。成功状态代表特定任务的完成。

语义 UI 进度成功状态类：

• 成功：表示工作已成功完成，绿色指示。

句法：

示例 1：以下示例演示了 Semantic-UI 中成功状态的进度条。

HTML

  

    >
    
    
    
  
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Progress Success State
        
        
    
    
        
            
                
            
            Successfully Transferred!
        
    
    
        $('#eg').progress();
    

  

输出：

Semantic-UI Progress 成功状态

例2：下面的例子用一些jquery演示了成功状态的进度条。

HTML

  

    Semantic-UI Progress Success State
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Progress Success State
        
         
    
    
        
            
            Downloading
        
        Download
    
    
        $('.ui.button').on('click', function() {
            $('#eg').progress({
                text: {
                    success: 'Download Successful!'
                }
            });
        });
    

输出：

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