Pit Viper

v1.90.0

Pit Viper

v1.90.0
v1 / v2

  • Home
  • Components
  • Progress

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>