<a id="radial-progress"></a>

## Radial Progress  
**Category**: Feedback
Circular progress indicators showing completion percentage
### Examples

#### Basic Usage  
```python
Div('70%', 
    style='--value:70;', 
    role='progressbar', 
    cls='radial-progress'
)
```

#### Color Customization  
```python
Div('70%', style='--value:70;', role='progressbar', cls='radial-progress text-primary')
```

#### Background Customization  
```python
Div('70%', style='--value:70;', role='progressbar', cls='radial-progress bg-primary text-primary-content border-primary border-4')
```

#### Values  
```python
Div('0%', style='--value:0;', role='progressbar', cls='radial-progress'),
Div('20%', style='--value:20;', role='progressbar', cls='radial-progress'),
Div('60%', style='--value:60;', role='progressbar', cls='radial-progress'),
Div('80%', style='--value:80;', role='progressbar', cls='radial-progress'),
Div('100%', style='--value:100;', role='progressbar', cls='radial-progress')
```

#### Size and Thickness  
```python
Div('70%', style='--value:70; --size:12rem; --thickness: 2px;', role='progressbar', cls='radial-progress'),
Div('70%', style='--value:70; --size:12rem; --thickness: 2rem;', role='progressbar', cls='radial-progress')
```