Code

Props

Props	Data Type	Required
className	string	❌
percentage	number	✅
percentageHidden	boolean	❌
percentagePosition	'Left' | 'Right'	❌
metered	boolean	❌
meteredType	'Ascending' | 'Descending'	❌

Metered

This feature, available to be implemented for ascending or descending values, gives to users and developers a visual hint of the progress.

Example

<ProgressIndicator
  className="progressIndicatorExample"
  meteredType="Ascending"
  percentage={25}
  percentagePosition="Right"
/>

Live Demo

For detailed code usage documentation, see the Storybooks for each framework below.​

General Components / Progress Indicator - Progress Indicator ⋅ Storybooksipster-react-component-storybook.netlify.app