<view
  class="ant-progress ant-progress-{{type}} {{className || ''}}"
  style="{{style || ''}};{{type === 'circle' ? 'width:' + width + 'px;height:' + width + 'px;' : ''}}"
>
  <canvas
    a:if="{{type === 'circle'}}"
    class="ant-progress-canvas"
    id="ant-progress-canvas-{{$id}}"
    width="{{canvasWidth}}"
    height="{{canvasWidth}}"
  ></canvas>
  <view
    a: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 : ''}}"
    ></view>
  </view>
  <view class="ant-progress-indicator">
    <slot
      name="indicator"
      percent="{{percent}}"
    >
      <ant-icon
        a:if="{{status === 'success' || status === 'exception'}}"
        type="{{status === 'success' ? 'CheckCircleFill' : 'CloseCircleFill'}}"
        className="ant-progress-status-icon ant-progress-status-icon-{{status}}"
      ></ant-icon>
      <block a:else>{{percent}}%</block>
    </slot>
  </view>
</view>