@neynar/ui/llm-docs/progress.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# Progress

**Type**: component

Progress - Visual progress indicator for tasks and operations A customizable progress bar component built on Radix UI Progress primitive that displays the completion status of tasks, file uploads, multi-step processes, and other operations requiring user feedback. Features smooth animations, accessibility support, and flexible styling options.

## JSX Usage

```jsx
import { Progress } from '@neynar/ui';

<Progress
  value={value}
  max={0}
  getValueLabel={() => {}}
  className="value"
  asChild={true}
  "aria-label"="value"
  "aria-valuetext"="value"
  "aria-describedby"="value"
  "aria-labelledby"="value"
  id="value"
/>
```

## Component Props

### value
- **Type**: `number | null`
- **Required**: No
- **Description**: No description available

### max
- **Type**: `number`
- **Required**: No
- **Description**: No description available

### getValueLabel
- **Type**: `(value: number, max: number) => string`
- **Required**: No
- **Description**: No description available

### className
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

### "aria-label"
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### "aria-valuetext"
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### "aria-describedby"
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### "aria-labelledby"
- **Type**: `string`
- **Required**: No
- **Description**: No description available

### id
- **Type**: `string`
- **Required**: No
- **Description**: No description available