广告合作QQ：76874919

如何更改HTML中进度条值的颜色？

HTML 2019-08-14 

progress {
  border: none;
  width: 400px;
  height: 60px;
  background: crimson;
}

progress {
  color: lightblue;
}

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

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

我几乎尝试了所有东西,但进度条的值颜色保持不变.唯一能够响应变化的浏览器是IE. Firefox允许仅更改背景颜色. Chrome根本不显示任何内容.你能发现我的代码有什么问题吗？

最佳答案
progress {
  border: none;
  width: 400px;
  height: 60px;
  background: crimson;
}

progress {
  color: lightblue;
}

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

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

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

progress::-webkit-progress-bar {
  background: blue;
}
It will work on webkit browser,like this example

相关文章

elasticsearch扩展ik分词器词库
操作步骤 1、进入elasticsearch的plugin，进入ik。进入config。 2、在config下面建立以.dic为后缀的字典...
echarts中legend如何换行
lengend data数据中若存在''，则表示换行，用''切割。
Echart常用效果（一）
代码实现 option = { backgroundColor: '#080b30', tooltip: { trigger: &...
freemarker中js里面取字符串，换行导致报错的解决办法
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var data = &#...
Freemarker + xml 实现Java导出word
前言 最近做了一个调查问卷导出的功能，需求是将维护的题目，答案，导出成word，参考了几种方案之后，选...
【前端HTML】常用特殊字符编码对照表以及其对应英文
对于很多人来说，用字符编码都是熟能生巧，而不清楚为什么是那样的字符编码，所以我在这列了一个表，翻...