必须三步同步执行：先用attr()更新lay-percent属性值，再调用element.init()重解析属性，最后调用element.progress()更新样式和动画；缺一不可，否则百分比文字不更新。
动态更新 layui 进度条的百分比数值，element.progress() 单独调用是无效的——它只改 width 样式，不更新 lay-percent 属性，也不重绘文本。必须三步同步执行，缺一不可。
为什么 element.progress('filter', '65%') 不显示新数字
这个函数内部只操作 DOM 的 style.width，完全忽略 lay-percent 属性值和文本节点。你看到的百分比文字，其实是 layui 在 element.init() 阶段从 lay-percent 属性里读出来的；如果属性没变，init 重跑也读不到新值。
- 多次调用
element.progress()后数字卡住不动，大概率是漏了改属性 - 传
"2/5"给element.progress()会静默失败，它只认"40%"或40这类格式 - 大号进度条（
layui-progress-big）若没文字，先检查是否漏写lay-showPercent="true"（注意大小写，lay-showpercent无效）
正确更新的三步操作顺序
假设你的进度条容器有 lay-filter="uploadProgress"：
- 用
$().attr('lay-percent', '75%')显式写入新百分比字符串（不能是数字、不能是分数） - 立即调用
element.init()，强制重新解析所有lay-*属性（包括lay-showPercent和刚设的lay-percent） - 再调用
element.progress('uploadProgress', '75%')，触发动画和样式更新
示例代码：
var percent = 85;
$('.layui-progress-bar[lay-filter="uploadProgress"]').attr('lay-percent', percent + '%');
element.init();
element.progress('uploadProgress', percent + '%');
表格内或 WebSocket 场景下的特殊处理
在 layui-table 单元格中更新进度条，别依赖 element.progress() 初始化逻辑——它靠 lay-filter 全局匹配，分页或排序后容易错位。
- 给每个进度条加唯一
id或data-id，比如data-id="file-123" - 用原生 DOM 操作：
document.querySelector('[data-id="file-123"] .layui-progress-bar').style.width = '62%' - 如需显示文字，就额外加一个
<span class="progress-text">62%</span>并同步更新其textContent - WebSocket 轮询时，避免高频触发
element.init()，它会遍历全部 lay-* 元素，性能开销明显
最易被忽略的一点：lay-showPercent 必须是字符串真值（"true"、"yes"、"1"），写成 false、0 或直接不写，都会导致百分比文字不渲染——哪怕 lay-percent 属性值是对的。
