html5 progress样式修改

CSS代码：

.deal progress { -webkit-appearance: none; }
.deal ::-webkit-progress-inner-element { }
.deal ::-webkit-progress-bar { border: 1px solid black; }
.deal ::-webkit-progress-value { background: #34538b; }
.deal ::-moz-progress-bar { background: #34538b; }
.deal ::-ms-fill { background: #34538b; }

HTML代码：

<p>
    默认的：<progress max="100" value="50"></progress>
</p>
<p class="deal">
   处理的：<progress max="100" value="50"></progress>
</p>

 

转载于:https://www.cnblogs.com/sunnywindycloudy/p/7382380.html