📜  如何使用 HTML 和 CSS 设置进度条的颜色?

📅  最后修改于: 2021-09-01 02:43:40             🧑  作者: Mango

进度条是网络上的一个重要元素,进度条可以用于下载、获得的分数、技能测量单位等。我们可以使用HTML和CSS来创建进度条。

进度条用于表示任务的进度。它还定义了完成了多少工作以及还剩下多少来下载一个东西。它不用于表示磁盘空间或相关查询。

示例 1:在本示例中,我们将设置进度条的颜色。

HTML


  

    
        How to Set Background Color of
        Progress Bar using HTML and CSS?
    
    

  

    

        GeeksforGeeks     

       

        Set Background Color of Progress         Bar using HTML and CSS     

          


HTML


  

    
        How to Set Background Color of
        Progress Bar using HTML and CSS?
    
    

  

    

        GeeksforGeeks     

       

        Set Background Color of Progress         Bar using HTML and CSS?     

          


输出:

示例 2:在本示例中,我们将设置进度条的颜色和背景颜色。

HTML



  

    
        How to Set Background Color of
        Progress Bar using HTML and CSS?
    
    

  

    

        GeeksforGeeks     

       

        Set Background Color of Progress         Bar using HTML and CSS?     

          

输出: