写一段layui-步骤条step的代码
时间: 2023-04-07 13:02:58 浏览: 142
以下是一个简单的layui-步骤条step的代码示例:
```html
<div class="layui-container">
<div class="layui-row">
<div class="layui-col-md12">
<fieldset class="layui-elem-field">
<legend>步骤条示例</legend>
<div class="layui-field-box">
<div class="layui-form-item">
<div class="layui-progress layui-progress-big" lay-showPercent="true">
<div class="layui-progress-bar layui-bg-blue" lay-percent="33%"></div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-progress layui-progress-big" lay-showPercent="true">
<div class="layui-progress-bar layui-bg-green" lay-percent="66%"></div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-progress layui-progress-big" lay-showPercent="true">
<div class="layui-progress-bar layui-bg-orange" lay-percent="100%"></div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
```
这段代码将会生成一个包含三个步骤的步骤条,每个步骤的进度条颜色不同,分别为蓝色、绿色和橙色。
阅读全文