关于htmlmeter标签颜色问题的解决

<meter id="meterid" value="1" min="1" max="100" low="30" high="60" optimum="50" style="width:300px;height:150px;color:red;">您的浏览器版本不能显示此控件</meter>

这是我的代码，可以看到最大值是100，30以下为低，60以上为高。那么问题来了：

加一个onchange事件监控一下吧，对值做判断。设置style属性

主要是我不知道怎么改颜色。在style里面不知道该怎么写。用background-color没用，直接用color改变的是标签中文字的颜色。
比如说我想做成在低值时变成红色怎么解决啊？

看了一下没有相关的属性。
用canvas 模拟吧

谢谢，我看了一下，改变了一下最佳值“optimum”里面的数值之后，处于低值就变成红色了。（虽然我也不知道怎么回事，而且也没有能直接改样式的方法，网上搜也没搜到。）

optimum 最加值，越靠近表示越好。哦我想，我理解它了，离最加值越远，颜色从绿到黄到红的变化。