如何动态更改进度颜色

Question

我需要根据您的值更改进度的颜色。我看到下面的代码工作

progress[value^"50"]::-moz-progress-bar{background-color:green} 

在上面的代码，我可以改变颜色，但对我来说我用TECNOLOGY（GWT 2.7）不支持操作“^”。

我看到过一个类似的代码：

#pb::-moz-progress-bar {background-color: green;} 

但在我的情况下，我应该dinamically改变背景颜色的值。之前不会进行元素（Firefox）的工作：

韩国社交协会提前

Answer 1

我使用CSS类波纹管

progress:before { 
    content: attr(data-label); 
    color: white; 
    vertical-align: 0; 

    /*Position text over the progress bar */ 
    position:absolute; 
    text-align:center; 
    left:0; 
    right:0; 
} 

progress { 
    -webkit-appearance: none; 
    background-color: gray; 
    position:relative; 
    height: 15px; 
    width: 255px; 
} 
.progressBarRed::-moz-progress-bar { 
    width: 250px; 
    height: 15px; 
    border-style: solid; 
    border: 1px; 
    background-color: red; 
} 

，我遇到了那个伪选择的唯一问题达成的结果。在Chrome工作的权利。