为了使 ::-webkit-progress-value 生效, <progress> 元素的-webkit-appearance (en-US) 需要设置为 none 。
/* 表示总长度背景色 */
progress::-webkit-progress-bar { background: #e6e6e6; }
/* 表示已完成进度背景色 */
progress::-webkit-progress-value { background: #0064B4; }
参考:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/::-webkit-progress-value
https://tippingpoint.dev/style-range-input-css