语义 UI 进度活动状态

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

进度条指示完成的工作在总工作中的进度。它直观地指示使用条形完成的工作量。在语义 UI 中，进度条具有良好的界面和不同的惊人类。在本文中，让我们了解一下进度活动状态。

Semantic UI Progress 活动状态使用类：

• active：通过动画表示当前工作进度处于活跃状态。

句法：

示例 1：以下代码演示了活动状态的进度条。

HTML

  

  
  
  
  
  
  
  

  

  
    Geeksforgeeks
    
      Semantic-UI Progress Active State
    
  
  
  
    
      
        
      
      Transferring files
    
  
  
  
      $('#eg').progress();
  

  

输出：

例2：下面的代码用jQuery演示了活动状态的进度条。

HTML

  

  
  
  
  
  
  
  

  

  
    Geeksforgeeks
    
      Semantic-UI Progress Active State
    
    
    
  
  
  
    
      
        
      
  
      
        Transferring files
      
    
  
    
      Transfer
    
  
  
  
    $('.ui.button').on('click', function () {
      $('.progress').progress('increment');
    });
  
  

  

输出：

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