Display

Progress

Linear progress bar with animated fill.

Available inreactangular

Preview

Live previewreal component

Indexing repository files20%

TerminalBash

$ npx mcp-elements add progress

progress-example.tsxTSX

import { Progress } from '@mcp-elements/react'

export function Example() {
  return (
    <Progress value={64} max={100} className="w-full" />
  )
}

Prop	Type	Default	Description
`value`	`number`	`0`	Current progress value
`max`	`number`	`100`	Maximum value representing 100% complete
`className`	`string`	—	Additional classes for the progress track