小程序设置进度条
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;
}
小程序设置进度条
原文：https://www.cnblogs.com/zhang-hong/p/14927779.html