Popover - Aspect UI

Docs

Components

Progressbar

Popover - Aspect UI

The Popover component displays floating content anchored to a trigger element. It supports customizable positioning, animations, and dismiss behaviors for tooltips, menus, and more.

Table of Contents#

ProgressBar Props

ProgressBar Props#

Prop	Type	Default	Description
value	number	-	Current progress value.
contentPosition	left right	'right'	Position of the content (label) relative to the progress bar fill.
duration	number	2	Duration of the progress fill animation in seconds.
animateOnLoad	boolean	true	Whether to animate the progress fill when the component mounts.
animateOnVisible	boolean	false	Whether to animate the progress fill when the component becomes visible in viewport.
min	number	0	Minimum value of the progress bar.
max	number	100	Maximum value of the progress bar.
className	string	''	Additional CSS classes for the root progress bar container.
containerClassName	string	''	Additional CSS classes for the inner container wrapping the progress fill.
fillClassName	string	''	Additional CSS classes for the progress fill element.
contentClassName	string	''	Additional CSS classes for the content (label) inside the progress bar.
children	ReactNode	-	Optional content inside the progress bar, typically a label or percentage.
...rest	React.HTMLAttributes<HTMLDivElement>	-	Any other native HTML div attributes passed to the root container.