鉻ProgressBar不改變顏色

Question

我得到了進度條，但它不會改變鉻的顏色。 下面是一個代碼：

progress.xp::-webkit-progress-value:{ 
    background: #66CC33; 
} 

我擡頭一看，此事似乎是它的好，但它不工作。

也許我不能在這類代碼中使用類？或者以另一種方式？

Answer 1

progress.xp::-webkit-progress-value:{ 
    background: #66CC33; 
} 

的:必須被刪除，請參閱：

       ***| 
progress.xp::-webkit-progress-value { 
    background: #66CC33; 
} 

Answer 2

檢查小提琴：

http://jsfiddle.net/4Y9kw/5/

<progress class="xp" value="50" max="60"></progress> 

progress.xp { 
    -webkit-appearance: none; 
    appearance: none; 

} 
progress.xp::-webkit-progress-value{ 
    background:red; 
}