小程序设置进度条

html

<progress 

                class="progress"

                percent="50" 

                activeColor="#f2d2b7" 

                active="true"

                border-radius="15"

                >

                </progress>

css

 

.progress {

  height: 15rpx;

  width: 270rpx;

  margin-right: 10rpx;

  

}

不需要渐变

.wx-progress-inner-bar {

  border-radius: 15rpx !important;

}

如果需要渐变：

.wx-progress-inner-bar {

  width: 270rpx;

  border-radius: 15rpx !important;

  background: linear-gradient(to right, rgb(71, 187, 254,1), rgba(254, 86, 77, 1)) !important;  

}