Components组件Radix UIRadix UI 组件
进度条
展示任务完成比例或不确定的处理状态。
中文模式已适配导航、标题、简介、目录与常用章节名称。翻译状态：部分完成；技术正文目前仍为英文。
Loading JGuang UI example…
安装
Command
Manual
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
安装以下依赖：
npm install radix-ui
将以下代码复制到你的项目中。
View complete source: components/ui/progress.tsx
根据项目配置更新导入路径。
用法
import { Progress } from "@/components/ui/progress"
<Progress value={33} />
Label
Use a Field component to add a label to the progress bar.
Loading JGuang UI example…
Controlled
A progress bar that can be controlled by a slider.
Loading JGuang UI example…
从右到左布局
To enable RTL support in JGuang UI, see the RTL configuration guide.
Loading JGuang UI example…
API 参考
See the Radix UI Progress documentation.
来源: components/radix/progress.mdx
JGuang UI 技术文档。