Skip to content
Kpu-admin 官方文档
搜索文档
K
Main Navigation
文档
指南
组件
在线演示
地址
备用地址
技术支持
下载 / 定制
下载
定制开发
💖 友情推荐
VForm 低代码表单
FormCreate 可视化表单设计器
Vexip UI 组件库
MineAdmin 开箱即用后台系统
Go-Ldap-Admin openLDAP后台管理项目
TOPIAM 单点登录与统一身份认证平台
交换友链 ?
Appearance
Menu
Return to top
On this page
作者其他作品
Kpu-startkit
简单好用的 Vue3 项目启动套件
Kpu-mobile
自成一派的 H5 框架
One-step Console
一步编排你的工作现场
Are you an LLM? You can read better optimized documentation at /components/basic/KaProgress.md for this page in Markdown format
KaProgress 进度条
线性进度条组件,展示任务的完成进度。
使用场景
文件上传/下载进度
任务处理进度
加载进度
安装/更新进度
表单提交进度
多步骤流程进度
Props
属性
类型
默认值
说明
class
HTMLAttributes['class']
-
自定义 CSS 类
Model
名称
类型
默认值
说明
modelValue
number
0
进度值(0-100)
注意事项
进度范围
:进度值范围为 0-100
动画效果
:进度变化时有平滑的过渡动画
自定义样式
:可通过 CSS 类自定义高度、颜色等
双向绑定
:支持
v-model
双向绑定