📜  Bootstrap 中的进度条使用了哪些上下文类?

📅  最后修改于: 2022-05-13 01:56:27.069000             🧑  作者: Mango

Bootstrap 中的进度条使用了哪些上下文类?

进度条用于显示计算机上进程的进度。进度条显示该过程完成了多少,还剩下多少。您可以使用预定义的引导类在网页上添加进度条。 Bootstrap 提供了多种类型的进度条。

句法:

示例 1:

HTML


  

    Bootstrap Progress Bar
    
    
    
    
    
    

  

    

        GeeksforGeeks     

    
        
            
        
    
  


HTML


  

    Bootstrap Progress Bar
    
    
    
    
    
    

  

    

        GeeksforGeeks     

    
        
            
                30% Complete (Default)             
        
        
            
                40% Complete (success)             
        
        
            
                50% Complete (info)             
        
        
            
                60% Complete (warning)             
        
        
            
                70% Complete (danger)             
        
    
  


输出:

我们将了解进度条中的上下文类:可以与进度条一起使用的上下文类有:

  • .bg-成功
  • .bg-信息
  • .bg-警告
  • .bg-危险

用简单的语言;我们可以给进度条赋予不同的颜色。

  • 成功:绿色阴影(#5cb85c)
  • 危险:红色阴影 (#d9534f)
  • 警告:黄色阴影 (#f0ad4e)
  • 信息:蓝色阴影(#5bc0de)

注意:进度条的默认颜色是蓝色。

示例 2:

HTML



  

    Bootstrap Progress Bar
    
    
    
    
    
    

  

    

        GeeksforGeeks     

    
        
            
                30% Complete (Default)             
        
        
            
                40% Complete (success)             
        
        
            
                50% Complete (info)             
        
        
            
                60% Complete (warning)             
        
        
            
                70% Complete (danger)             
        
    
  

输出: