Polaris ViewComponents

Previews

No matching results.

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="80"
    max="100"
  ></progress>
  <div style="--pc-progress-bar-duration: 0ms;--pc-progress-bar-percent: 0.8" class="Polaris-ProgressBar__Indicator Polaris-ProgressBar__IndicatorAppearDone">
    <span class="Polaris-ProgressBar__Label">80%</span>
  </div>
</div>
1
<%= polaris_progress_bar(progress: 80, animated: false) %>

Use the animated prop when you want to show a static progress bar.

No params configured.