小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
peogress组件中的activeColor只能设置一个颜色
- 希望提供的能力
activeColor可以设置成多个颜色，形成颜色渐变的效果
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
.wx-progress-inner-bar {
border-radius: 8rpx !important;
background: linear-gradient(to right, rgba(254, 128, 71, 1), rgba(254, 86, 77, 1)) !important;
}
来自百度网友
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
还没有这个需求。。。。。
你好，目前暂不支持。如果希望做这种效果的话还是考虑自己造一个轮子吧。
具体考虑使用圆角矩形+CSS3 linear gradient一起搞
不管用啊，
activeColor="{{color}}"
js中color:'#000,#fff'
页面progress直接显示成默认的绿色了
你可以截个图吗？你要的效果。。你是拖动的过程中渐变，还是本来的显示条是一个渐变色
我想要的是显示条就是渐变色，不是拖动
试了下，这种没试出来。。自己写个吧。。
自己设呗。。activeColor="{{colorYo}}"
原生progress长条圆角怎么加，，每次都要我自己写一个进度条
要啥自行车啊！自己写。。
组件自带的样式不知道是啥
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
.wx-progress-inner-bar {
border-radius: 8rpx !important;
background: linear-gradient(to right, rgba(254, 128, 71, 1), rgba(254, 86, 77, 1)) !important;
}
来自百度网友
还没有这个需求。。。。。
你好，目前暂不支持。如果希望做这种效果的话还是考虑自己造一个轮子吧。
具体考虑使用圆角矩形+CSS3 linear gradient一起搞
不管用啊，
activeColor="{{color}}"
js中color:'#000,#fff'
页面progress直接显示成默认的绿色了
你可以截个图吗？你要的效果。。你是拖动的过程中渐变，还是本来的显示条是一个渐变色
我想要的是显示条就是渐变色，不是拖动![]()
试了下，这种没试出来。。自己写个吧。。
自己设呗。。activeColor="{{colorYo}}"
原生progress长条圆角怎么加，，每次都要我自己写一个进度条
要啥自行车啊！自己写。。
组件自带的样式不知道是啥