chrome Progress Bar不会改变颜色

Question

我有进度条，但它不会改变chrome的颜色。 这是一个代码：

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

我抬头看了它，好像没问题，但是不起作用。

也许我不能在这种代码中使用类？还是用另一种方式？

Answer 1

检查小提琴：

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

Answer 2

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

必须删除:，请参阅：

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