# EuiProgressCircleComponent

**Type:** component



Circular progress indicator component that can display progress with optional labels and color states.



**Selector:** `eui-progress-circle`

## Inputs
- **ariaLabel**: `string` - Accessibility label for the progress circle
- **colorSteps**: `string` - Custom color step thresholds (space or comma separated values) ```html ```
- **colorType**: `string` - Override color type ('success', 'warning', 'danger')
- **emptyLabel**: `string` - Label to display when value is 0
- **fillColor**: `string` - Svg icon fill color option
- **hasBottomLabel**: `boolean` - Whether to display the label at the bottom of the circle
- **icon**: `string` - Svg icon option
- **iconLabelClass**: `string` - 
- **iconLabelStyleClass**: `string` - 
- **isDefaultColorSteps**: `boolean` - Whether to use default color steps based on value thresholds
- **size**: `"2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl"` - Svg icon size option
- **tabindex**: `string` - Tab index for accessibility
- **value**: `number` - Current progress value (0-100)
- **valueLabel**: `string` - Custom label to display instead of percentage
- **euiSizeS**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeM**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeL**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
- **euiSizeVariant**: `any` - From host directive: #[[file:BaseStatesDirective.md]]
