组件_progress

基本进度条

<progress percent="20" />

属性说明

属性	类型	默认值	必填	说明
percent	number		否	百分比 0~100
show-info	boolean	false	否	在进度条右侧显示百分比
border-radius	number/string	0	否	圆角大小
font-size	number/string	16	否	右侧百分比字体大小
stroke-width	number/string	6	否	进度条线的宽度
activeColor	string	#09BB07	否	进度条颜色
backgroundColor	string	#EBEBEB	否	未选择的进度条的颜色
active	boolean	false	否	进度条从左往右的动画
duration	number	30	否	进度增加 1%所需毫秒数

<progress percent="20" />
<progress percent="20" show-info />
<progress percent="20" show-info font-size="30" />
<progress percent="20" show-info font-size="30" stroke-width="20" />
<progress percent="20" border-radius="5" />
<progress percent="20" border-radius="5" activeColor="#f00" />
<progress percent="20" border-radius="5" activeColor="#f00" backgroundColor="#00f" />
<progress percent="20" border-radius="5" activeColor="#f00" backgroundColor="#00f" active />
<progress
  percent="20"
  border-radius="5"
  activeColor="#f00"
  backgroundColor="#00f"
  active
  duration="90"
/>

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。