<view class="wv-vprogress {{dimension ? 'dimension' : ''}}" style="height: {{height}};">
  <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'left-top' || textProgressPosition === 'left-center' || textProgressPosition === 'left-bottom'}}" style="{{textProgressStyle}}">
    {{progressText}}
  </view>
  
  <view class="wv-vprogress-container">
    <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'side-top'}}" style="{{textProgressStyle}}">
      {{progressText}}
    </view>
    
    <view class="wv-vprogress-bar {{theme? 'wv-theme '+theme : ''}}" style="width: {{barThickness}}; {{backgroundBar? 'background: ' + backgroundBar + ';' : ''}} --wv-progress-bar-radius: {{barBorderRadius}}; {{barStyle}}">
      <view class="wv-vprogress-inner {{direction}} {{!isComplete && innerEndNoBorderRadius ? 'no-end-radius' : ''}} {{striped ? 'wv-vprogress-striped' : ''}}" style="height: {{innerHeight}}; width: {{innerThickness}}; {{backgroundInner? 'background: ' + backgroundInner + ';' : ''}} --wv-progress-inner-radius: {{innerBorderRadius}}; transition-duration: {{animate ? duration : '0ms'}}; {{innerStyle}}">
        <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'inner-top' || textProgressPosition === 'inner-center' || textProgressPosition === 'inner-bottom'}}" style="{{textProgressStyle}}">
          {{progressText}}
        </view>
      </view>
      
      <view class="wv-vprogress-icon start-icon {{direction}}">
        <slot name="startIcon"></slot>
      </view>
      
      <view class="wv-vprogress-icon end-icon {{direction}}">
        <slot name="endIcon"></slot>
      </view>
      
      <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'bar-top' || textProgressPosition === 'bar-center' || textProgressPosition === 'bar-bottom'}}" style="{{textProgressStyle}}">
        {{progressText}}
      </view>
    </view>
    
    <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'side-bottom'}}" style="{{textProgressStyle}}">
      {{progressText}}
    </view>
  </view>
  
  <view class="wv-vprogress-text {{textProgressPosition}}" wx:if="{{textProgressPosition === 'right-top' || textProgressPosition === 'right-center' || textProgressPosition === 'right-bottom'}}" style="{{textProgressStyle}}">
    {{progressText}}
  </view>
</view>
