css - 如何更改内联HTML5进度条的颜色？

我需要根据一些PHP值更改进度栏的颜色。我不熟悉WebKit技术，但据我了解，这是更改进度条颜色的唯一方法。因此，我需要执行以下操作：

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

最佳答案

根据该值更改bg颜色，如下所示即可解决问题：

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

它将蓝色应用于数字以5开头的所有值。

关于css - 如何更改内联HTML5进度条的颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34514397/