Extensions

Press shift + S to search API reference.

React component

ProgressBar

View source

A progress bar.

import {ProgressBar} from '@airtable/blocks/ui';
function MyComponent() {
return (
<ProgressBar
progress={0.6}
barColor='#ff9900'
/>
);
}

Props

interface ProgressBarProps extends ProgressBarStyleProps, TooltipAnchorProps
barColorundefined | string

A CSS color, such as #ff9900. Defaults to a blue color.

classNameundefined | string

Extra classNames to apply to the element, separated by spaces.

progressnumber

A number between 0 and 1. 0 is 0% complete, 0.5 is 50% complete, 1 is 100% complete. If you include a number outside of the range, the value will be clamped to be inside of the range.

styleReact.CSSProperties

Extra styles to apply to the progress bar.