微信小程序系列十三：自定义进度条

最新推荐文章于 2024-10-02 19:37:19 发布

小丫么小菜菜

最新推荐文章于 2024-10-02 19:37:19 发布

阅读量4.1k

点赞数 2

分类专栏：小程序系列文章标签：进度条自定义

本文链接：https://blog.csdn.net/stp_zsj/article/details/82348810

版权

小程序系列专栏收录该内容

16 篇文章 0 订阅

订阅专栏

知识点：

图层定位，颜色渐变

wxml:

<view class='T_jindu'>
   <view class='jindu2'></view>
   <view class='jindu'></view>
</view>

css:

.jindu{
  height: 10rpx;
  background-color: #efefef
}
.jindu2{
  width: 23%;
  height: 10rpx;
  background: -webkit-linear-gradient(left, #ffffff , #f05962);
	background: -o-linear-gradient(right, #ffffff , #f05962);
	background: -moz-linear-gradient(right, #ffffff , #f05962); 
	background: linear-gradient(to right, #ffffff , #f05962); 
  position: absolute
}

效果图：