# Progress

## Circular With Path

This component extends the original component provided by MUI: [https://mui.com/material-ui/react-progress/](https://mui.com/material-ui/react-progress/)

The extended properties are:

| Property  | Type    | Props Value           |
| --------- | ------- | --------------------- |
| showLabel | boolean | false (default), true |
| pathColor | string  | grey.200              |

## Circular With Icon

This component extends the original component provided by MUI: [https://mui.com/material-ui/react-progress/](https://mui.com/material-ui/react-progress/)

The extended properties are:

| Property                               | Type      | Props Value |
| -------------------------------------- | --------- | ----------- |
| icon<mark style="color:red;">\*</mark> | ReactNode |             |

Live Preview: [https://mantisdashboard.](https://mantisdashboard.com/components-overview/progress)[com](https://mantisdashboard.io/components-overview/buttons)[/components-overview/progress](https://mantisdashboard.io/components-overview/progress)

{% hint style="info" %}
Asterisk (<mark style="color:red;">\*</mark>) indicates required props.
{% endhint %}
