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


实例演示

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号