Progress 进度条显示进度。UsageBar 按用量自动变色。复制 Markdown预览代码UsageBar：80% 起变黄，100% 变红 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/progress.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。 用法复制链接 复制代码import { Progress, UsageBar } from '@/components/ui/progress'; <Progress value={42} /> <UsageBar value={usedPercent} warnAt={80} /> 属性复制链接 Progress复制链接 属性类型valuenumbertone?unionclassName?stringsize?unionlabel?string UsageBar复制链接 属性类型valuenumberclassName?stringwarnAt?numberdangerAt?numberSkeleton 骨架屏加载中的占位。照着真实组件量出骨架，数据到了不跳动。Accordion 折叠面板一组可以展开收起的内容区，基于 Radix Accordion。