如何更改进度条的颜色

时间:2013-01-04 20:09:05

标签: html css fonts progress-bar

我想更改最后更新文本的颜色,默认情况下它是黑色的,有没有办法引入一些代码来更改文本颜色,就像我为条形文本所做的那样?帮我介绍一下缺失的代码。

<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%;
}

以下是条形码的链接:link

1 个答案:

答案 0 :(得分:3)

我假设你可以将Last updated: 7/01/2013包裹在<span>标签中,并给它一个类,然后你可以随意设置它。

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

CSS:

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