Progress

import { createSignal } from 'solid-js';
import { Button, Progress } from '@tile-ui/solid';

export default function ProgressDemo() {
	const [value, setValue] = createSignal(35);
	return (

Use Progress to expose task completion with accessible range semantics.

Registry install

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

Package usage

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

<Progress value={40} />

Highlights

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

Registry dependencies

Item	Purpose
progress	Component source and module styles
core	Framework-agnostic logic helpers
styles	Shared SCSS tokens and globals

API reference

Progress

Prop	Type	Default
value	number	—
min	number	—
max	number	—

Related docs

• Spinner
• Skeleton
• Form