How to change progress bar color

<!-- visit us - https://wpgenie.org -->


<!-- How to change progress bar color -->
<!-- also check https://jsfiddle.net/8pk0Low4/ -->

<style>

progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
}

progress[value]::-webkit-progress-value {
    background-color:red;
}

progress {
  border: none;
  background: crimson;
}

progress::-webkit-progress-value {
  background: lightblue;
}

progress::-moz-progress-bar {
  background: lightcolor;
}

progress::-webkit-progress-value {
  background: red;
}

progress::-webkit-progress-bar {
  background: blue;
}
</style>