Samurai Progress
samurai-progress 线形进度条
介绍
用于展示操作进度,告知用户当前状态和预期。
该组件宽度自动撑满
引入
import samuraiProgress from '../../components/samurai-progress/samurai-progress.stml'
用法
<samurai-progress :percentage="80" :stroke-width="6" color="" bg-color="" :show-text="true" format="asd123"
text-size="3" text-color="#fff" />
属性
属性名 | 类型 | 说明 | 默认值 | 是否必传 | 可选值 | |
---|---|---|---|---|---|---|
percentage | Number | 百分比 | 无 | true | 0-100 | |
stroke-width | Number | 进度条的宽度,单位 px | 6 | false | ||
color | String | 进度条的颜色 | #ff5301 | false | ||
bg-color | String | 进度条的背景颜色 | #f7f7f7 | false | ||
show-text | boolean | 是否显示进度条文字内容 | false | false | true,false | |
format | String | 指定进度条文字内容 | 无 | false | ||
text-size | Number | 文字字号 | 10 | false | ||
text-color | String | 文字颜色 | #000 | false |