<!--packageH/deposit_group/component/progress/progress.wxml-->
<view class="steps_box" bindtap="translate" style="--bgColor: {{tips_bg_color}};">
  <view class="progress-box">
    <view class="progress"></view>
    <view class="progress_act" style="width: {{steps * percent}}%;"></view>
  </view>
  <!-- 气泡 -->
<div class="progress-animation-els" style="left:{{steps * percent - 5}}%">
  <div class="progress-animation-el">+1</div>
  <div class="progress-animation-el">+1</div>
  <div class="progress-animation-el progress-animation-el-mini" style="animation-delay:1.5s"></div>
  <div class="progress-animation-el progress-animation-el-mini" style="animation-delay:1.8s"></div>
  <div class="progress-animation-el" style="animation-delay:1.3s">+1</div>
  <div class="progress-animation-el" style="animation-delay:1s">+1</div>
</div>

  <view class="steps_all">
    <view class="steps_one_cont steps{{index}}" wx:for="{{progressList}}" wx:key="index">
      <view class="icon {{(steps === index && index > 0) ? 'aniamtion': ''}}">
        <image class="img" wx:if="{{ index < progressList.length}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/depositGroup/redEnvelope_{{index}}@2x.png" mode="widthFix"></image>
      </view>
      <view style="color: #ff2c29;">￥{{item.deal_price}}</view>
    </view>
  </view>
</view>


