入门 CSS 大进步

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）基础的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。

Primer CSS提供各种进度条，例如大、小和内联。

在本文中，我们讨论了重大进展。大进度比默认值高一点。

入门 CSS 大进步类：

• Progress–large：该类用于创建比默认进度条大的进度条。

句法：

  
      ...
  

注意： color_name 可以是primary、success、alert、warning等。

示例 1：此示例演示了如何使用Progress–large和color-bg-success-emphasis类来使用 Primer CSS Large progress。

输出：

入门 CSS 大进步

示例 2：这是另一个使用Progress–large color-bg-danger-emphasis类演示如何使用 Primer CSS Large progress 的示例。

HTML

  

    
    

  

    

        
 GeeksforGeeks 
        
 Primer CSS Large Progress 
    
      
    
        
        
    

  

输出：

入门 CSS 大进步

参考： https://primer.style/css/components/progress#large-progress