如何更改进度条的颜色 [英] How to change the color of a progress bar

问题描述

我想更改上次更新文字的颜色，默认情况下是黑色，是否有一种方法可以引入一些代码来更改文字颜色？帮助我介绍缺少的代码。

I want to change the color of the last update text, by default it is black , is there a way to introduce some code to change the text color as i made for the bar text? Help me to introduce the code that is missing.

<div id="progress">
    <span id="percent">2%</span>
    <div id="bar"></div>
    </div>
Last updated: 7/01/2013
#progress{
 width: 500px;   
 border: 1px solid orange;
 position: relative;
 padding: 1px;
}

#percent {
 position: absolute;   
 left: 50%;
 color:#C3B004; 
}

#bar {
 height: 20px;
 background-color:#2CB032;
 width: 2%;
}

这是条形的链接：链接

推荐答案

最后更新日期：7/01/2013 在< span> 标记，并给它一个类，

I assume you can wrap the Last updated: 7/01/2013 in <span> tags, and give it a class, then you can style it however you want.

<span class="updated">Last updated: 7/01/2013</span>

CSS：

.updated {
    font-size: 12px;    //size
    color: green;       //colour
    font-family:"Arial" //font 
}

这篇关于如何更改进度条的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！