Progress

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
variantstringHas multiple colors - eight in total
progressPercentagestringProgress percentage

Variants

  1. fushia
  2. slate
  3. lime
  4. red
  5. orange
  6. cyan

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.

Contact Us