微信小程序 进度条 宽度对比

 有时进度条宽了不好看

<progress class="jindu" percent="80" color="#0af" stroke-width="3"></progress>

      <view class="brcj">

        <view class="wcs">          

          <image class="chjimage" src="./../images/myicon/tians.png" ></image>

          <view>25</view>

          <view><text>今天完成数</text></view>

        </view>

        <view class="tians">

          <image class="chjimage" src="./../images/myicon/rl.png" ></image>

          <view>85</view>

          <view><text>已坚持天数</text></view>

        </view>

      </view>

 

附上官网的开发指南

属性名    类型    默认值    说明
percent    Float    无    百分比0~100
show-info    Boolean    false    在进度条右侧显示百分比
stroke-width    Number    6    进度条线的宽度，单位px
color    Color    #09BB07    进度条颜色 （请使用 activeColor）
activeColor    Color         已选择的进度条的颜色
backgroundColor    Color         未选择的进度条的颜色
active    Boolean    false    进度条从左往右的动画