进度条

进度条用于上传、下载等需要显示进度的场景,用户可随时中断此操作。

  1. <!-- 进度条 -->
  2. <div class="weui-progress">
  3. <div class="weui-progress__bar">
  4. <div class="weui-progress__inner-bar" style="width: 80%;"></div>
  5. </div>
  6. <!-- 取消按钮 -->
  7. <a href="#" class="weui-progress__opr">
  8. <i class="weui-icon-cancel"></i>
  9. </a>
  10. </div>

weui-progress__inner-barwidth 属性表示进度条的百分比,取消按钮可选。

进度条 - 图1