Layui 进度条背景色只能通过内联 style="background-color: #FF5722 !important" 覆盖，且必须作用于 layui-progress-bar 元素；table templet 中需先 parseFloat 并截断为 0–100 范围再设色。
layui-progress-bar 的 background-color 必须用内联 style 覆盖
Layui 的 layui-progress-bar 元素背景色由 CSS 类硬编码为 #1E9FFF，且无 API 支持动态改色。你不能靠加 class（如 layui-bg-red）或修改 CSS 变量生效——所有外部 class 都会被全局样式强制覆盖。
唯一稳定方式是直接在元素上写 style="background-color: #FF5722 !important"。注意三点：
-
!important不可省：Layui 2.8.18 等版本会 JS 动态重设background-color，不加!important就会被覆盖 - 必须作用于
<div class="layui-progress-bar">这一层，不是外层layui-progress - 别用
barColor参数——layui.progress模块根本不认这个字段
table templet 中动态颜色要先归一化数值
在 templet 函数里拼进度条时，后端返回的 d.score 常是字符串、null 或超范围值（如 "85.5"、undefined、120），直接拼进 width 会导致渲染异常甚至报错。
必须做两步处理：
- 转数字：
let val = parseFloat(d.score) || 0 - 截断到 0–100：
val = Math.max(0, Math.min(100, val))
再结合判断逻辑设色，例如：
templet: function(d) {
let val = parseFloat(d.score) || 0;
val = Math.max(0, Math.min(100, val));
let color = '#5FB878';
if (val < 60) color = '#FF5722';
else if (val < 80) color = '#FFB800';
return '<div class="layui-progress"><div class="layui-progress-bar" style="width:' + val + '%;background-color:' + color + ' !important"></div></div>';
}
upload 模块进度条颜色需带 .layui-upload-list 前缀
上传组件里的进度条结构嵌套更深：<div class="layui-upload-list"><div class="layui-progress"><div class="layui-progress-bar">。它内部 JS 会高频重写 style.background，所以普通 CSS 选择器无效。
必须用带前缀的强覆盖规则：
.layui-upload-list .layui-progress-bar {
background-color: #4ecdc4 !important;
height: 6px !important;
}
.layui-upload-list .layui-progress {
min-height: 6px;
}
关键点：
- 漏掉
.layui-upload-list前缀 → 会影响页面其他进度条 - 只设
height不够 → 父容器layui-progress若没min-height，子元素会被 flex 压塌 - 若还显示“60%”文字，加
.layui-upload-list .layui-progress-text { display: none; }
不要试图用 CSS 变量或 JS 修改 --layui-color-primary
有人想改主题色统一影响所有进度条，于是去动 --layui-color-primary。这在 Layui 2.8+ 完全无效——所有组件样式（包括 layui-progress-bar）都是 SASS 编译时静态生成的硬编码值，运行时改变量不会触发重绘，DevTools 里也看不到任何变化。
真正需要多主题进度条，只能预编译多套 CSS（如 theme-red.css），通过切换 <link disabled> 控制，且每套 CSS 都得完整覆盖 .layui-progress-bar 规则。但注意：layer 弹层里动态生成的 upload 进度条，可能因挂载位置（document.body）而无法继承新主题，得额外补丁。
