语义 UI 进度禁用状态

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更神奇。

语义 UI 有一堆用于用户界面设计的组件。其中之一是进度组件。进度用于放大特定任务的进度。根据使用进度的要求，它有不同的状态。其中之一是禁用状态。

默认情况下，用户可能需要显示禁用的进度。用户可能需要在 UI 中显示一些进度，其值不会更改，或者该人无权与之交互。如果 i 完成，在某些情况下进度会被禁用。在这种情况下，禁用状态会派上用场。

语义 UI 进度禁用状态类：

• disabled：该类用于指定进度的禁用状态。

句法：

 

  ...

这些示例使用disabled类演示了禁用状态下的进度或进度组。

示例 1：

HTML

   
   
   
   
   


   
   
      Geeksforgeeks
      
      Semantic-UI Progress Disabled State
      
      
   
   
      
         
            
         
         Files downloaded
      
   
   
      $('#eg').progress();
   

输出：

语义 UI 进度禁用状态

示例 2：

HTML

   
   
   
   
   


   
      
      GeeksforGeeks
      Semantic-UI Progress Disabled State
      
      
      
         
         Red
      
      
         
         Orange
      
      
         
         Yellow
      
      
         
         Blue
      
   
   
      $('.progress').progress();
   

输出：

语义 UI 进度禁用状态

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