Mint UI参考手册
JS组件 | JS Components
进度条 | Progress
进度条。
引入
import { Progress } from 'mint-ui';
Vue.component(Progress.name, Progress);
例子
传入 value
作为进度条的值。可自定义它的线宽
<mt-progress :value="20" :bar-height="5"></mt-progress>
可在进度条两侧显示文字
<mt-progress :value="60">
<div slot="start">0%</div>
<div slot="end">100%</div>
</mt-progress>
API
参数 |
说明 |
类型 |
可选值 |
默认值 |
---|---|---|---|---|
value |
进度条的值(%) |
Number |
||
barHeight |
进度条的线宽(像素) |
Number |
1 |
Slot
name |
描述 |
---|---|
start |
进度条左侧 DOM |
end |
进度条右侧 DOM |