Progress

Use Progress to show completion or indeterminate loading.

import { Progress } from '@tile-ui/react';

export default function ProgressDemo() {
	return (
		<div className="component-preview__stack">
			<Progress value={40} aria-label="Upload progress" />

Registry install

pnpm dlx shadcn@latest add @tile-ui/progress

Package usage

import { Progress } from '@tile-ui/react';
 
<Progress value={40} />

Highlights

• Value, min, and max props
• Accessible progress role
• Composes in forms and cards

Registry dependencies

API reference

Progress

Related docs

• Spinner
• Skeleton
• Form