Appearance
c-line-progress 线型进度条
c-line-progress 用于展示操作或任务的当前进度。
基础用法
vue
<template>
<c-line-progress :percentage="70" :showText="true"></c-line-progress>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| percentage | 进度百分比 | String/Number | 0 |
| activeColor | 激活部分的颜色 | String | '#19be6b' |
| inactiveColor | 背景色 | String | '#ececec' |
| showText | 是否在进度条内部显示百分比的值 | Boolean | true |
| height | 进度条的高度 (px) | String/Number | 12 |
Slots
| 插槽名 | 说明 |
|---|---|
| default | 自定义显示内容,替代默认的百分比文字 |