Quick nav

ProgressBar

Progress bar that displays linear progress. Works best with elements that do not involve specific steps.

Version 1.1.1

Installation

To install @igloo-ui/progress-bar in your project, you will need to run the following command using npm:

npm install @igloo-ui/progress-bar

If you prefer Yarn, use the following command instead:

yarn add @igloo-ui/progress-bar

Then to use the component in your code just import it!

import ProgressBar from '@igloo-ui/progress-bar';

<ProgressBar value={0.7} ariaLabel="Progress: 70% of objectives achieved" />;

Prop	Type	Default	Description
`value`	number	-	Sets the value of the progress bar, between 0 and 1 inclusive.
`isCompact`	boolean	-	True for a compact appearance.
`className`	string	-	Add a specific class to the component.
`dataTest`	string	-	Add a data-test tag for automated tests.
`ariaLabel`	string	-	Defines a string value that labels the current element.