LineProgress 线形进度条

根据百分比，显示进度

基本使用

<!-- 默认样式 -->
<com-line-progress :percent="50"></com-line-progress>

<!-- 自定义颜色 -->
<com-line-progress :percent="50" bgColor="#fff4de" color="#846762"></com-line-progress>

<!-- 自定义宽高 -->
<com-line-progress :percent="30" height="30rpx" width="500rpx"></com-line-progress>

<!-- 不显示百分比 -->
<com-line-progress :percent="80" :showPercent="false"></com-line-progress>

自定义显示内容，此时showPercent将失效

<com-line-progress :percent="50">
    正在上传
</com-line-progress>

API

Props

属性名	说明	类型	必填	默认值
percent	进度 取值范围0~100	Number	是	0
showPercent	是否显示百分数	Boolean	否	true
width	宽度， 传值需要包含单位	String / Number	否	100%
height	高度， 传值需要包含单位	String / Number	否	40rpx
bgColor	背景条颜色	String	否	#ebebeb
color	进度条激活部分的颜色	String	否	#00ba5a
round	是否显示圆角	Boolean	否	true
borderRadius	圆角大小	String / Number	否	20

Slot

名称	说明	默认内容
default	自定义展示内容	当前进度百分数