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

## Progress  
**Category**: Feedback
Visual indicators for task progress and completion
### Examples

#### Basic Progress  
```python
Progress(value="0", max="100", cls="progress w-56"),
Progress(value="10", max="100", cls="progress w-56"),
Progress(value="40", max="100", cls="progress w-56"),
Progress(value="70", max="100", cls="progress w-56"),
Progress(value="100", max="100", cls="progress w-56"),
```

#### Primary Colors  
```python
Progress(value='0', max='100', cls='progress progress-primary w-56'),
Progress(value='10', max='100', cls='progress progress-primary w-56'),                
Progress(value='40', max='100', cls='progress progress-primary w-56'),
Progress(value='70', max='100', cls='progress progress-primary w-56'),
Progress(value='100', max='100', cls='progress progress-primary w-56')
```

#### Indeterminate  
```python
Progress(cls='progress w-56')
```

#### Secondary Colors  
```python
Progress(value='0', max='100', cls='progress progress-secondary w-56'),
Progress(value='10', max='100', cls='progress progress-secondary w-56'),                
Progress(value='40', max='100', cls='progress progress-secondary w-56'),
Progress(value='70', max='100', cls='progress progress-secondary w-56'),
Progress(value='100', max='100', cls='progress progress-secondary w-56')
```

#### Accent Colors  
```python
Progress(value='0', max='100', cls='progress progress-accent w-56'),
Progress(value='10', max='100', cls='progress progress-accent w-56'),                
Progress(value='40', max='100', cls='progress progress-accent w-56'),
Progress(value='70', max='100', cls='progress progress-accent w-56'),
Progress(value='100', max='100', cls='progress progress-accent w-56')
```

#### Success Colors  
```python
Progress(value='0', max='100', cls='progress progress-success w-56'),
Progress(value='10', max='100', cls='progress progress-success w-56'),                
Progress(value='40', max='100', cls='progress progress-success w-56'),
Progress(value='70', max='100', cls='progress progress-success w-56'),
Progress(value='100', max='100', cls='progress progress-success w-56')
```

#### Info Colors  
```python
Progress(value='0', max='100', cls='progress progress-info w-56'),
Progress(value='10', max='100', cls='progress progress-info w-56'),                
Progress(value='40', max='100', cls='progress progress-info w-56'),
Progress(value='70', max='100', cls='progress progress-info w-56'),
Progress(value='100', max='100', cls='progress progress-info w-56')
```

#### Warning Colors  
```python
Progress(value='0', max='100', cls='progress progress-warning w-56'),
Progress(value='10', max='100', cls='progress progress-warning w-56'),                
Progress(value='40', max='100', cls='progress progress-warning w-56'),
Progress(value='70', max='100', cls='progress progress-warning w-56'),
Progress(value='100', max='100', cls='progress progress-warning w-56')
```

#### Error Colors  
```python
Progress(value='0', max='100', cls='progress progress-error w-56'),
Progress(value='10', max='100', cls='progress progress-error w-56'),                
Progress(value='40', max='100', cls='progress progress-error w-56'),
Progress(value='70', max='100', cls='progress progress-error w-56'),
Progress(value='100', max='100', cls='progress progress-error w-56')
```