layui进度条一个页面怎么用多个

在 layui中，可以通过多次调用 `layui.element.progress` 方法来实现一个页面使用多个进度条的效果。

具体做法如下：

1. 在页面中添加多个进度条的 HTML 元素，每个进度条都需要指定一个不同的 id，例如：

<div class="layui-progress layui-progress-big" lay-showPercent="true">
  <div class="layui-progress-bar layui-bg-red" lay-percent="30%" id="progress1"></div>
</div>

<div class="layui-progress layui-progress-big" lay-showPercent="true">
  <div class="layui-progress-bar layui-bg-blue" lay-percent="50%" id="progress2"></div>
</div>

<div class="layui-progress layui-progress-big" lay-showPercent="true">
  <div class="layui-progress-bar layui-bg-green" lay-percent="70%" id="progress3"></div>
</div>

2. 在 JavaScript 中，使用 `layui.element.progress` 方法分别对每个进度条进行初始化和更新，例如：

// 初始化进度条
layui.element.progress('progress1', '30%');
layui.element.progress('progress2', '50%');
layui.element.progress('progress3', '70%');

// 更新进度条
layui.element.progress('progress1', '60%');
layui.element.progress('progress2', '80%');
layui.element.progress('progress3', '90%');

通过上述方式，即可实现一个页面中使用多个进度条的效果。