ebay-progress-bar

EbayProgressBar

The progress bar gives an immediate, real-time visualisation of the current task completion status. The progress bar's value does not include its min, so giving a value <= min will set the value to min + 1.

Demo

Storybook

Usage

Import JS

import { EbayProgressSpinner } from '@ebay/ui-core-react/ebay-progress-bar'

Import styles from Skin

import '@ebay/skin/progress-bar'

or if using CSS/SCSS

import '@ebay/skin/progress-bar.css';

<EbayProgressBar value={50} />

Props

Name	Type	Stateful	Required	Description	Data
value	Integer	No	No	Current value (<= Max)
max	Integer	No	No	Maximal value, default: 100
fluid	Boolean	No	No	Fills the full width of its container