微信小程序 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;  
}

效果：

微信小程序 progress 进度条内部圆角及内部条渐变色

2021-08-28
2022-12-23
2021-09-25
2022-12-23
2021-04-02
2022-12-23
2022-12-23