伪元素改变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>