小程序设置进度条

时间：2021-06-24 23:01:42 阅读：24 评论：0 收藏：0 [点我收藏+]

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

踩

(0)

评论一句话评论（0）

分享档案

更多>