Mint UI 进度条-Progress
2021-09-06 15:13 更新
进度条。
引入
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 |
实例演示
以上内容是否对您有帮助:
更多建议: