Components组件Radix UIRadix UI 组件
Progress
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Partially translated: Chinese navigation, titles, descriptions, and common headings. The technical body is currently in English.
Loading JGuang UI example…
Installation
Command
Manual
Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.
Install the following dependencies:
npm install radix-ui
Copy and paste the following code into your project.
View complete source: components/ui/progress.tsx
Update the import paths to match your project setup.
Usage
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…
RTL
To enable RTL support in JGuang UI, see the RTL configuration guide.
Loading JGuang UI example…
API Reference
See the Radix UI Progress documentation.
Source: components/radix/progress.mdx
Technical documentation for JGuang UI.