html - chrome 进度条不改变颜色

Question

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

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

我查了一下，好像还可以，但是不行。

也许我不能在这种代码中使用类？或者以其他方式？

Answer 1

检查 fiddle :

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