基于layui的步骤条面板（附代码）

<div class="layui-step">

    <div class="layui-step-content layui-clear">

        <div class="layui-step-content-item">条目1</div>

        <div class="layui-step-content-item">条目2</div>

        <div class="layui-step-content-item">条目3</div>

        <div class="layui-step-content-item">条目4</div>

    </div>

    <div class="layui-step-btn">

        <div class="layui-btn-group">

            <button class="layui-btn goFirst">第一步</button>

            <button class="layui-btn prev">上一步</button>

            <button class="layui-btn next">下一步</button>

            <button class="layui-btn goLast">最后一步</button>

            <button class="layui-btn goStep">走到第二步</button>

            <button class="layui-btn disabled">禁用第三步</button>

            <button class="layui-btn abled">解禁第三步</button>

        </div>

    </div>

</div>