Tile UI Vue
Source code

Components

Progress

A progress bar for task or step completion.

Use Progress to show completion or indeterminate loading.

import { Progress } from '@tile-ui/vue';
 
export default function ProgressDemo() {
	return (
		<div class="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/vue';
 
<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 —
PreviousPopoverNextRadioGroup