Use el-steps case in elment-ui

el-steps case

style

the code 

<div class="active-box">
      <div class="active-title">
        请完善
      </div>
      <el-steps :active="active" finish-status="success" align-center>
        <el-step title="第一步" />
        <el-step title="第二步" />
        <el-step title="第三步" />
        <el-step title="第四步" />
      </el-steps>
    </div>

Summarize

Control steps by active

direction="vertical" to control the direction

icon to change icon style

 extended

The Vue front-end encapsulates a taskbar component for use