Progress
Progress Bar
Use the progress bar to indicate progress as a percentage.
Custom Property | Default Value | Description |
---|---|---|
--progress |
20% | A progress value as a percentage |
--width |
100% | The width of the progress bar |
Example
A full-width progress bar at 20%.
20% Complete
HTML
<p class="pv-text-brand pv-text-title-sm pv-stack-4">20% Complete</p>
<div class="pv-progress-bar" style="--progress: 20%"></div>