非常教程

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