# Progress

## Circular With Path

This component extends the original component provided by MUI: <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/>

The extended properties are:

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

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

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