chrome ProgressBar 不会改变颜色

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