CircularProgress - Aspect UI

Docs

Components

Circular Progress

CircularProgress - Aspect UI

The CircularProgress component visually represents a loading or progress state in a circular shape. It supports determinate and indeterminate modes with adjustable size and stroke width.

Table of Contents#

Default Circular Progress
Animated on Visibility
Circular Progress Props

Default Circular Progress#

Animated on Visibility#

Circular Progress Props#

Prop	Type	Default	Description
value	number	75	The value of the progress bar.
className	string	-	Additional CSS classes for the component.
onVisible	boolean	false	Determines whether the progress bar is visible.
duration	number	2	Duration of the progress animation in seconds.
strokeColor	string	#CCCCCC	Color of the background circle.
strokeFillColor	string	#333333	Color of the progress arc.
strokeWidth	number	2	Width of the circle stroke.
contentClassName	string	-	Additional CSS classes for the content container.
hideValue	boolean	false	Whether to hide the percentage value.
children	React.ReactNode		Custom content to display inside the circle.