# ProgressPanel

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/components/DocAutomation/ProgressPanel.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/components/DocAutomation/ProgressPanel.tsx#L177)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `progress` | `number` | ✓ | - |
| `currentStage` | `string | null` | ✓ | - |
| `stageProgress` | `number` | ✓ | - |
| `currentItem` | `string | null` | ✓ | - |
| `elapsedMs` | `number` | - | - |
| `estimatedRemainingMs` | `number` | - | - |
| `isRunning` | `boolean` | ✓ | - |
| `isFailed` | `boolean` | ✓ | - |
| `isCancelled` | `boolean` | ✓ | - |
| `error` | `Error | null` | ✓ | - |
| `onCancel` | `Function` | - | - |
| `screenshotProgress` | `unknown | null` | - | - |
| `onCancelScreenshots` | `Function` | - | - |

## Diagram

```mermaid
graph TD
    component_ProgressPanel_95fc7d4["ProgressPanel"]
    class component_ProgressPanel_95fc7d4 rootComponent
```

## Relationships

- RENDERS → `StopCircle`
- RENDERS → `motion-div`
- RENDERS → `Clock`
- RENDERS → `Loader2`
- RENDERS → `XCircle`
- RENDERS → `CheckCircle2`
- RENDERS → `Icon`
- RENDERS → `Camera`