ProgressBar

API reference and demos for ProgressBar.

Source

Import

import { ProgressBar } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

Jvm Heap · Open in Storybook

Test Run · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	Classes applied to the progressbar root.
formatValue	(…) => string	—	Formats amounts in tooltips and the accessible summary, e.g. bytes or durations.
height	string	h-2	Height utility class, e.g. `h-2`.
label	string	—	Accessible name for the measured resource.
segments*	ProgressSegment[]	—	Segments rendered in order from left to right.
total*	number	—	Total value used to calculate segment percentages.