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