Progress

Usage

Code Editor
Copy
import { Progress } from '@erudilabs/alma'

Types

Code Editor
Copy
import { ProgressThemeProps } from '@erudilabs/alma'

ProgressThemeProps = 'default' | 'primary' | 'danger' | 'success' | 'warning'

Component

Here preview and detail explain of Progress component

Default

Code Editor
Copy
<Progress percentage={50} />

Theme

These themes allow you to apply different visual styles to the progress, Whether it's indicating different statuses, categories, or providing visual cues, the ability to customize progress themes adds flexibility and enhances the visual appeal of your UI components.

Primary

Code Editor
Copy
<Progress percentage={20} theme="primary" />

Danger

Code Editor
Copy
<Progress percentage={30} theme="danger" />

Warning

Code Editor
Copy
<Progress percentage={50} theme="warning" />

Success

Code Editor
Copy
<Progress percentage={80} theme="success" />

Props Reference