element.progress 调用后数值不更新，因其仅修改 width 样式，不更新 lay-percent 属性或重渲染百分比文本；须三步同步：设 attr('lay-percent')、调 element.init()、再调 element.progress。
element.progress 调用后数值不更新，不是你代码写错了，是 layui 的一个已知行为：它只重绘进度条宽度，但不会自动刷新 lay-percent 属性值或百分比文本。必须手动同步属性 + 显式触发初始化。
为什么 element.progress('filter', '60%') 不显示新数值
这个函数只修改 DOM 中进度条的 width 样式，但不会更新 lay-percent 属性本身，也不会重渲染文本（尤其是 lay-showPercent="true" 开启时）。浏览器看到的仍是旧属性值，后续再调用可能失效。
- 进度条宽度变了，但右上角/内部的数字还是原来的
- 如果多次调用
element.progress，第二次起常无反应 - 使用分数写法如
"2/5"时，element.progress不识别，会静默失败
正确动态更新的三步操作
必须同时做三件事：改属性、触发布局、再调用 element.progress。缺一不可。
- 用
$().attr('lay-percent', '75%')或$().attr('lay-percent', '3/4')先更新属性值 - 调用
element.init()强制重新解析所有lay-*属性（包括lay-showPercent） - 最后再执行
element.progress('yourFilter', '75%')—— 这步确保动画和样式生效
示例（假设进度条容器设置了 lay-filter="uploadProgress"）：
var percent = 85;
$('.layui-progress-bar[lay-filter="uploadProgress"]').attr('lay-percent', percent + '%');
element.init();
element.progress('uploadProgress', percent + '%');
大号进度条（layui-progress-big）和分数写法的注意事项
大尺寸进度条的百分比文本默认在内部居中显示，但前提是 lay-showPercent 属性存在且非空；而分数格式（如 "1/3"）仅在 layui ≥ 2.1.7 支持，且 element.progress() 函数本身不解析分数 —— 它只接受字符串形式的百分比或数字加 %，所以动态更新时别传 "2/5" 给 element.progress，只用于初始 HTML 或 attr('lay-percent', ...)。
- 初始写
<div class="layui-progress-big" lay-showPercent="true"><div class="layui-progress-bar" lay-percent="1/3"></div></div>是 OK 的 - 但运行时调用
element.progress('x', '1/3')会失败，必须换算成'33.33%'或保留原属性用attr+init - 如果用了
layui-progress-big却没看到内部数字，请检查是否漏了lay-showPercent属性（设成yes、true都行，但不能是false或no）
容易被忽略的依赖和初始化时机
进度条属于 element 模块，但很多人只在页面加载时 layui.use('element', ...) 一次，之后就以为万事大吉。实际上：element.init() 必须在 layui.use 回调内调用，或者确保 element 已加载完成；否则 element.init() 会静默不执行，整个流程就卡住。
- 不要在
layui.use外直接写element.progress(...) - 如果进度条是异步插入 DOM（比如 AJAX 加载后 append），必须等插入完成后再执行三步更新流程
- 避免对多个进度条共用同一个
lay-filter，否则element.progress会批量操作，难以精准控制单个
