# 快速使用 ## 6.7.1.快速使用 默认样式： ~~~ <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的基础上增加的样式。