如何更改Chrome的HTML5进度条控件的颜色

.custom-progress::-webkit-progress-bar {
  background-color: #f1f1f1; /* 设置进度条背景颜色 */
  border-radius: 4px; /* 设置进度条边框圆角 */
  overflow: hidden; /* 隐藏进度条溢出部分 */
}

.custom-progress::-webkit-progress-value {
  background-color: #4caf50; /* 设置进度条填充颜色 */
  border-radius: 4px; /* 设置进度条边框圆角 */
}

<progress class="custom-progress" value="50" max="100"></progress>