Progress - used to show progress. Progress can be determinate or indeterminate. Progress bar used to show ongoing process that takes time to finish. Usually used in:
- Surveys
- Linkedin Profiles
- Feedback forms
Import
import Progress from '@intelops/intelops_ui/packages/react/components/Progress/src';
Create Progress bar
<Progress
className="progress"
variant="orange"
progressPercentage="50"/>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
className | string | To add new or to override the applied styles |
variant | string | Has multiple colors - eight in total |
progressPercentage | string | Progress percentage |
Variants
- fushia
- slate
- lime
- red
- orange
- cyan