x
1
2
3
4
5
6
7
8
9
10
<div class="Polaris-ProgressBar Polaris-ProgressBar--colorHighlight Polaris-ProgressBar--sizeMedium"> <progress class="Polaris-ProgressBar__Progress" value="75" max="100" ></progress> <div style="--pc-progress-bar-duration: 500ms;--pc-progress-bar-percent: 0.75" class="Polaris-ProgressBar__Indicator Polaris-ProgressBar__IndicatorAppearDone"> <span class="Polaris-ProgressBar__Label">75%</span> </div></div>1
<%= polaris_progress_bar(progress: 75) %>Use this component to visually represent the completion of a task or operation.
No params configured.