HTML5/Jquery仪表垫片：在Chrome/Opera中更改背景

我在一个网站上工作，它使用的统计显示规模

在本教程中，我使用CSS3和HTML5

meter

元素为每个比例创建了背景渐变：

除了显示默认颜色的Chrome和Opera之外，它适用于所有浏览器

这在Chrome和Opera中是可能的，还是有其他解决方案

以下是我的工作：

---

使用RGB颜色语法、

背景图像

而不是

背景

，以及

仪表

属性，使其在Chrome中完全工作，在Opera中部分工作：

仪表使用
仪表{
显示：内联块；
高度：16px；
宽度：200px；
溢出：隐藏；
背景色：rgb（237237237）；
背景图像：-webkit线性渐变（顶部，rgb（237237237），rgb（187187）36%，rgb（247247））；/*Chrome10+，Safari5.1+*/
背景图像：-o-线性梯度（顶部，rgb（237237237），rgb（187187）36%，rgb（247））；/*Opera 11.10+*/
}

我有点困惑，因为我在JSFIDLE演示中没有看到任何绿色。