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