小程序，进度条process

时间：2020-04-26 21:20:42 收藏：0 阅读：141

技术图片
文档：https://developers.weixin.qq.com/miniprogram/dev/component/progress.html

html

<view class="left">
    <view class="title">秒杀抢购中</view>
    <progress class="process" percent="20" backgroundColor="#9F2033" activeColor="#FFE0E5" font-size="20rpx" border-radius="5rpx" stroke-width="10rpx" show-info />
</view>

css

.left {
  padding-top: 18rpx;
  width: 50%;
  height: 100rpx;
  padding-left: 40rpx;
  .title {
    font-size: 32rpx;
    font-weight: bold;
    color:#fff;
  }
  .process {
    width: 90%;
    color:#FFF;
  }
}