小程序,进度条process


文档: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;
  }
}
posted @ 2020-04-26 19:22  TBHacker  阅读(595)  评论(0编辑  收藏  举报