Progress

Ready

Determinate loading.

Requires radix-ui

62%

Installation

$ npx @oratiq-js/ui add progress

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

import

import { Progress, ProgressCircle } from "@/components/ui/progress";

72%

Both fill from the start edge, which mirrors under RTL — progress always reads as moving forward, never backwards.

View source on GitHub → components/ui/progress.tsx