如何更改HTML5進度條顏色內聯？

Question

我需要根據一些PHP值更改進度條的顏色。我對WebKit技術並不熟悉，但據我所知，它是更改進度欄顏色的唯一方法。所以，我需要做的是這樣的：

<progress style="progress::-webkit-progress-value { background: red; }" max="<?php echo $max; ?>" value="<?php echo $val; ?>"></progress> 

Answer 1

變化爲基礎的價值的背景色，像下面這樣就可以了：

progress[value^="5"] { 
    background-color: blue; 
} 

它應用藍色酒吧對於以數字5開始的所有值。

Answer 2

這已在之前得到解答。見How to write a:hover in inline CSS?。

就像:hover是選擇器的一部分，::-webkit-progress-value也是選擇器的一部分。不幸的是，style屬性允許您僅指定規則。