横向步骤(status:wait / process / finish —— 进行中加粗,已完成带勾选)

  1. 提交订单
  2. 等待审核
  3. 完成

含失败步骤(status=error:错误色 + 状态写在文字里,不只靠颜色)

  1. 实名认证
  2. 银行卡校验失败
  3. 开通服务

四步流程(步骤较多时横向排布,标题换行不挤点)

  1. 下单
  2. 支付
  3. 发货
  4. 收货

纵向步骤(direction=vertical:步骤标题较长时用,连接线改为竖线)

  1. 已提交资料
  2. 资质审核中(预计 1 个工作日)
  3. 开通账号