Skip to content
On this page

Progress 进度条

基本使用

template
<c-progress :percent="50" show-text />

颜色

template
<c-progress :percent="50" :active-props="{ color: 'success' }" :bg-props="{ color: 'error' }" />

API

Progress Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsProgressPropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
percentstring | numberundefined百分比0~100
sizestring | numberundefined大小。使用说明
active-propsLinePropsundefined进度。LineProps
bg-propsLinePropsundefined背景。LineProps
show-textbooleanundefined是否显示百分比的值
text-propsTextPropsundefinedTextProps
roundbooleanundefined是否显示为圆角