使用方式

<link rel="stylesheet" href="/components/style/steps.css" type="text/css" />
<script defer src="/components/js/steps.js" type="text/javascript"></script>

<div class="st_steps">
  <div class="st_step" style="flex-basis: 50%; margin-right: 0px">
    <div class="st_step_head is_process">
      <div class="st_step_line">
        <i class="st_step_line_inner"></i>
      </div>
      <div class="st_step_icon is_text">
        <div class="st_step_icon_inner">1</div>
      </div>
    </div>
    <div class="st_step_main">
      <div class="st_step_title is_process">步骤1</div>
      <div class="st_step_description is_process">描述</div>
    </div>
  </div>
  <div class="st_step" style="flex-basis: 50%; margin-right: 0px">
    <div class="st_step_head is_wait">
      <div class="st_step_line">
        <i class="st_step_line_inner"></i>
      </div>
      <div class="st_step_icon is_text">
        <div class="st_step_icon_inner">2</div>
      </div>
    </div>
    <div class="st_step_main">
      <div class="st_step_title is_wait">步骤2</div>
      <div class="st_step_description is_wait">描述</div>
    </div>
  </div>
  <div class="st_step is-flex" style="flex-basis: 50%; margin-right: 0px">
    <div class="st_step_head is_wait">
      <div class="st_step_line">
        <i class="st_step_line_inner"></i>
      </div>
      <div class="st_step_icon is_text">
        <div class="st_step_icon_inner">3</div>
      </div>
    </div>
    <div class="st_step_main">
      <div class="st_step_title is_wait">步骤3</div>
      <div class="st_step_description is_wait">描述</div>
    </div>
  </div>
</div>