【问题标题】:How to change the color of a progress bar如何更改进度条的颜色
【发布时间】:2013-01-04 20:09:05
【问题描述】:

我想改变上次更新文字的颜色,默认是黑色的,有没有办法引入一些代码来改变我为条形文字制作的文字颜色?帮我介绍一下缺少的代码。

<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

【问题讨论】:

  • 包含'Last updated' 文本的元素的HTML 和CSS 是什么? #progress 元素本身与您提出的问题无关。
  • 您没有提供任何关于“上次更新”文本来自何处的参考。你在生成它吗?是代码生成的吗?它是否在源代码中包含任何 HTML?请具体说明。
  • 这是我的错误......这是html代码:
    2%
    最后更新时间:7/01/2013
  • 如何更改上次更新文本的大小、颜色和字体?有我需要介绍的代码吗?请帮忙
  • 如果那是你的 html,那么它是无效的:唯一可以是 tr 元素兄弟的元素是另一个 tr

标签: html css fonts progress-bar


【解决方案1】:

我假设你可以将Last updated: 7/01/2013 包装在&lt;span&gt; 标签中,并给它一个类,然后你可以随意设置它的样式。

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

CSS:

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

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签