Progress

Preview

Installation

Packages are unreleased. Follow the packed artifact setup for package mode, or run the local CLI in copy mode and complete the reported npm, token CSS, and Tailwind setup.

pnpm exec ui add progress

Usage

This example uses package mode. In copy mode, import the generated component from your project and complete the manual setup steps in the installation guide.

import { Progress } from '@nimjs/ui';

export function Example() {
  return (
    <Progress value={65} max={100} aria-label="Upload progress" />
  );
}

System metadata

API and states

Omit value when the duration is unknown. Values outside the range are clamped to zero and max.

Accessibility

Always provide an accessible name via aria-label or aria-labelledby; the progressbar exposes its numeric range.