# Animated Circular Progress Bar

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

## Installation

```bash
# CLI
# Manual
```

## Usage

```javascript
// Example Usage
```

## Props

| Prop                     | Type    | Default | Description                              |
| ------------------------ | ------- | ------- | ---------------------------------------- |
| `className`             | `string`| `-`     | The class name to be applied to the component |
| `max`                   | `number`| `100`   | The maximum value of the gauge          |
| `min`                   | `number`| `0`     | The minimum value of the gauge          |
| `value`                 | `number`| `0`     | The current value of the gauge          |
| `gaugePrimaryColor`     | `string`| `-`     | The primary color of the gauge          |
| `gaugeSecondaryColor`   | `string`| `-`     | The secondary color of the gauge        |

## Credits

- Credit to [@luis-code](https://luis-code.vercel.app/)

---

### Copy Page

```typescript
// Example Code
```

### Preview

[Open in](https://v0.dev/chat/api/open?url=https://magicui.design/r/animated-circular-progress-bar-demo.json)

---