## 6.7.1.快速使用 默認樣式： ```html <div class="layui-tab layui-steps"> <ul class="layui-tab-title"> <li> <i class="layui-icon layui-icon-ok">1</i> <span class="layui-steps-title">已完成</span> <span class="layui-steps-content">這里是該步驟的描述信息</span> </li> <li class="layui-this"> <i class="layui-icon layui-icon-ok">2</i> <span class="layui-steps-title">進行中</span> <span class="layui-steps-content">這里是該步驟的描述信息</span> </li> <li> <i class="layui-icon layui-icon-ok">3</i> <span class="layui-steps-title">待進行</span> <span class="layui-steps-content">這里是該步驟的描述信息</span> </li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item">內容1</div> <div class="layui-tab-item layui-show">內容2</div> <div class="layui-tab-item">內容3</div> </div> </div> <script> layui.use(['steps'], function () { var steps = layui.steps; }); </script> ``` 它的結構與layui的選項卡Tab一致，因為它就是在Tab的基礎上增加的樣式。