微信小程序 progress 進度條 內部圓角及內部條漸變色

微信小程序progress進度條內部圓角及漸變色

<view class="progress-box">
  <progress percent="80" border-radius='5' stroke-width="5" activeColor='#FE564D'/>
</view>

設置progress CSS:

.wx-progress-inner-bar {
    border-radius: 8rpx !important;
    background: linear-gradient(to right, rgba(254, 128, 71, 1), rgba(254, 86, 77, 1)) !important;  
}

效果：