给反馈
进度条
Progress Bar
「从左到右的条」「百分比进度」「加载了多少的条」「下载进度条」「慢慢填满的横条」「走到一半的蓝条」「进度显示条」
LIVE DEMO真实可交互，动手试试
上传中72%
- 英文名
- Progress Bar
- 别名 · 俗称
- 进度显示条加载条百分比条shadcn: Progress
- Web 叫法
- Progress
- 大白话定义
- 一条从左往右慢慢填满的横条，配上百分比，告诉你这事干到哪了。
- 部位拆解
- 轨道 Track浅色的整条底槽
- 填充 Fill已完成部分的彩色段，边走边长
- 百分比 Label可选，显示 60% 这类具体数字
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
上传文件时显示进度条（Progress）：实时更新 0-100%，旁边显示「已上传 3.2MB/5MB」
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的进度条（Progress）。逐一排除：进度超过 100% 没封顶，填充把轨道撑破；用 width 做动画每帧触发重排，页面卡顿，该换 transform；aria-valuenow 没同步，屏幕阅读器读不出当前进度；任务中断后进度卡住，没有错误态也没有重试入口。症状是：