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

知识点：

     图层定位，颜色渐变

wxml:

[code]<view class='T_jindu'>
<view class='jindu2'></view>
<view class='jindu'></view>
</view>

css:

[code].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
}

效果图：