Javascript 如何更改进度条的背景颜色

Javascript 如何更改进度条的背景颜色,javascript,html,css,progress-bar,Javascript,Html,Css,Progress Bar,可能重复: 我做了一个简单的进度条,但我不知道如何更改进度条的背景颜色、百分比颜色和文本“上次更新”的颜色。。有没有应该引入的代码?请帮我介绍一些代码/演示示例。谢谢 HTML: <table> <tr> <td>Last updated 1/4/2013:</td> <td><div class="progress" data-value="0"><span>0%&

可能重复:

我做了一个简单的进度条,但我不知道如何更改进度条的背景颜色、百分比颜色和文本“上次更新”的颜色。。有没有应该引入的代码?请帮我介绍一些代码/演示示例。谢谢

HTML:

  <table>
    <tr>
        <td>Last updated 1/4/2013:</td>
        <td><div class="progress" data-value="0"><span>0%</span></div></td>
    </tr> 
JavaScript:

$(document).ready(function() {
    $(".progress").each(function() {
        var progressValue = $(this).data("value");
        $(this).progressbar({
            value: progressValue
        }).children("span").appendTo(this);
    });
});​

要更改百分比栏的背景色,请添加以下CSS规则:

.progress {
  color: red;
}
对于文本颜色:

我建议首先在标题周围添加一个
标记,使其看起来像这样:

<td><h1>Last updated 1/4/2013:</h1></td>
要更改百分比颜色,请添加以下规则:

.progress span {
  color: blue;
}

另外,请关闭
标签

这个问题和你上次问的问题有什么不同?谢谢你的回答,但是背景和灰色思维没有改变。。。一些想法?
td h1 {
  color: red;
}
.progress span {
  color: blue;
}