进度条 | 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 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
