Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Docs
Animated Circular Progress Bar

Animated Circular Progress Bar

Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.

Installation

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component
maxnumber100The maximum value of the gauge
minnumber0The minimum value of the gauge
valuenumber0The current value of the gauge
gaugePrimaryColorstring-The primary color of the gauge
gaugeSecondaryColorstring-The secondary color of the gauge

Credits