# EuiProgressBarComponent

**Type:** component



Progress bar component that displays a horizontal progress indicator
with optional label and status icon.


**Selector:** `eui-progress-bar`

## Inputs
- **e2eAttr**: `string` - Element attribute for e2e testing
- **hasStatusIcon**: `BooleanInput` - When true, displays a status icon based on the current state (success, warning, error, etc.)
- **isIndeterminate**: `BooleanInput` - When true, shows an indeterminate progress animation instead of a specific progress value
- **label**: `string` - Optional label displayed above the progress bar
- **progress**: `NumberInput` - Current progress value (0-100) Values greater than 100 will be capped at 100
- **euiSecondary**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSuccess**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiInfo**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiWarning**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiDanger**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiAccent**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSize2XS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeXS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeM**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeXL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
