如何改變進度條的背景顏色

Question

可能重複：
How to change the color of a progress bar

我做了一個簡單的進度條，但我不知道如何改變背景顏色酒吧，百分比顏色和文字「上次更新」顏色..是否有代碼應該引入？請幫助我一些代碼/演示示例。由於

HTML：

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

CSS：

.progress.ui-progressbar {position:relative;height:2em;} 
.progress span {position:static;margin-top:-2em;text-align:center;display:block;line-height:2em;padding-left:200px;padding-right:200px;} 
.progress[aria-valuenow="0"] 
span {margin-top:0px;}​ 

的JavaScript：

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

Answer 1

要更改百分比欄的背景顏色添加此CSS規則：

.progress { 
    color: red; 
} 

對於文本顏色：

我建議首先將圍繞其標題爲<h1>標籤，所以它看起來是這樣的：

<td><h1>Last updated 1/4/2013:</h1></td> 

然後添加此CSS規則：

td h1 { 
    color: red; 
} 

而且改變百分比顏色添加此規則：

.progress span { 
    color: blue; 
} 

另外，關閉您的<table>標籤。