Styling meter-bar for mozilla and safari
I am using the following css on my meter-bars but somehow the styling does not work on safari (see below screenshots). I am pretty new to css and copied below css. According to the commenting this should work on all browsers. eacda3: gold 607d8b: dark green HTML: <meter min="0" value="<%=info["home_prob"]%>" max="100" id ='H<%=id%>'> </meter> <span> <%=info["home_prob"]%>%</span></p> CSS: meter { height: 20px; width: 80%; } meter::-webkit-meter-bar { background: #607d8b; border: 4px solid #485563; border-radius: 9px; } meter::-webkit-meter-optimum-value { border-radius: 9px; background: