Skip to content

c-line-progress 线型进度条

c-line-progress 用于展示操作或任务的当前进度。

基础用法

vue
<template>
  <c-line-progress :percentage="70" :showText="true"></c-line-progress>
</template>

Props

参数说明类型默认值
percentage进度百分比String/Number0
activeColor激活部分的颜色String'#19be6b'
inactiveColor背景色String'#ececec'
showText是否在进度条内部显示百分比的值Booleantrue
height进度条的高度 (px)String/Number12

Slots

插槽名说明
default自定义显示内容,替代默认的百分比文字