# Reusable Circular Progress Components

A flexible circular progress indicator that can be used multiple times on the same page with different settings.

## Project Completion

0%
Not started

## Team Performance

0%
Awaiting data

## Budget Utilization

0%
No data

## Control Panel

Select Progress Element:
Status Text:
Progress Percentage: 0%

## How to Use the Circular Progress Component

You can easily create new circular progress indicators by calling the `circleProgress()` function with the following parameters:

// Create a circular progress element
circleProgress(id, percent, label);
// Example usage:
circleProgress('myProgress', 75, 'Project status');
circleProgress('anotherProgress', 50, 'Task completion');

The function will automatically create all necessary DOM elements with the specified ID and apply the progress animation.