Progress

Progress，进度条，用于上传、下载等耗时并且需要显示进度的场景，用户可以随时中断该操作。

完整的进度条结构如下：

<div class="container">
  <div class="weui_progress">
      <div class="weui_progress_bar">
          <div class="weui_progress_inner_bar" style="width: 50%;"></div>
      </div>
      <a href="javascript:;" class="weui_progress_opr">
          <i class="weui_icon_cancel"></i>
      </a>
  </div>
</div>

div.weui_progress_inner_bar 的默认宽度为 0， 改变改元素的宽度（百分比），即可显示不同的进度。

点击 a.weui_progress_opr 元素，可以中断/取消正在进行的操作；如果不需要该操作，则可以省略掉该结构，进度条长度自动适应。

下面模拟改变进度条的值：

$(function(){
    var progress = 0;
    var $progress = $('.weui_progress_inner_bar');

    function uploading(){
        $progress.width(++progress % 100 + '%');
        setTimeout(uploading, 20);
    }

    setTimeout(uploading, 20);
});

预览效果如下：