小程序笔记(二)之设置进度条progress的宽度

一.前言
在进行小程序开发过程中，进度条还是蛮常见的，这样就必然涉及到进度条的美化，楼主在开发过程中，遇到的就是进度条的粗细以及圆角设置，一开始都想着用css去解决，结果捣鼓了大半天没啥效果，后面看文档才知道微信直接提供了设置方式，毕竟这是属于原生组件
二.实现代码
主要通过stroke-width来控制粗程度，border-radius控制圆角程度

<view class="view1">
  <progress percent="{{30}}" stroke-width="10" border-radius="25" background-color="rgba(255,255,255,0.2)" active-color="#FDD643"></progress>
</view>

效果