你说我一个搞安卓的怎么被老大派去写H5了呢，人的命运啊，真的是不可预料。哈哈。。。。全是泪
项目中使用到H5中的progress来表示进度，要问我为嘛不自定义一个progress啊？很简单，因为我不会啊，哈哈。。。全是泪
都说前端是坑，我现在都看出来了，各种浏览器的兼容，什么鬼！一个控件的style在不同的浏览器中还不一样，尼玛就不能统一下么。
要求很简单，当检测到传过来的数据小于某个阈值时，进度条变红色。百度了半天都没结果，最后还是靠stackoverflow搞定的。Chrome和Safari是没问题的，Firefox的，没测不知道。代码如下：
<style media="screen"> .pr { width: 106px; height: 6px; background: #ededed; } progress::-webkit-progress-bar { background: #ededed; border-radius: 8px; } progress::-webkit-progress-value { background: #06c5d8; border-radius: 8px; } .pr.alert::-webkit-progress-value { background: red; }</style>
<body> <progress class="pr" value="15" max="100"></progress></body>
<script type="text/javascript"> var value = 14; if (value<15) { $('.pr').addClass('alert'); }</script>
