<view
  class="ant-progress ant-progress-{{type}} {{className || ''}}"
  style="{{style || ''}};{{type === 'circle' ? 'width:' + width + 'px;height:' + width + 'px;' : ''}}"
>
  <canvas
    wx:if="{{type === 'circle'}}"
    class="ant-progress-canvas"
    canvasId="ant-progress-canvas"
  ></canvas>
  <view
    wx:if="{{type === 'line'}}"
    class="ant-progress-outer"
    style="{{strokeWidth ? 'height:' + strokeWidth + 'px;' : ''}}{{trailColor ? 'background-color:' + trailColor : ''}}"
  >
    <view
      class="ant-progress-inner {{status === 'success' || status === 'exception' ? 'ant-progress-inner-' + status : ''}}"
      style="width: {{curProgress}}%; {{strokeColor ? 'background-color:' + strokeColor : ''}};{{animation ? '' : 'transition: none;'}}"
    ></view>
  </view>
  <view class="ant-progress-indicator">
    <ant-icon
      wx:if="{{status === 'success' || status === 'exception'}}"
      type="{{status === 'success' ? 'CheckCircleFill' : 'CloseCircleFill'}}"
      className="ant-progress-status-icon ant-progress-status-icon-{{status}}"
    ></ant-icon>
    <block wx:else>{{percent}}%</block>
  </view>
</view>