# Progress Bar
[component-header:sl-progress-bar]
Progress bars are used to show the progress of a determinate operation.
```html preview
```
## Examples
### Custom Height
Use the `--height` custom property to set the progress bar's height.
```html preview
```
### Labels
Use the default slot to show a label.
```html preview
50%
```
[component-metadata:sl-progress-bar]