progress

优质

小牛编辑

130浏览

2023-12-01

进度条。

引入

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>

参数	说明	类型	可选值	默认值
value	进度条的值（%）	Number
barHeight	进度条的线宽（像素）	Number		1

name	描述
start	进度条左侧 DOM
end	进度条右侧 DOM