小编Car*_*ben的帖子

.progress {
  border: none;
}

.red,
 ::-webkit-progress-bar {
  background-color: lightgray;
  color: red;
}

.blue,
 ::-webkit-progress-bar {
  background-color: lightgray;
  color: blue;
}

.orange,
 ::-webkit-progress-bar {
  background-color: lightgray;
  color: orange;
}

.green,
 ::-webkit-progress-bar {
  background-color: lightgray;
  color: green;
}

<h1>The progress element</h1>
<label class="progress">Downloading progress:</label><br>
<progress class="red" value="32" max="100"> 32% </progress><br>
<progress class="blue" value="32" max="100"> 32% </progress><br>
<progress class="orange" value="32" max="100"> 32% </progress><br>
<progress class="green" value="32" max="100"> 32% </progress>