Pips
Progress through a small number of equal steps, one dot per step. For anything longer or continuous use Progress.
vue
<OPips :done="3" :total="8" aria-label="Steps done" />Marker
A point to compare with: a previous best, a rival, a deadline. It is counted in steps and may be fractional: 4.5 is halfway through the fifth step. Say in a caption what the marker is.
3 / 8 · ▼ your best
vue
<OPips :done="3" :total="8" :marker="4.5" aria-label="Steps done" />
<span>
3 / 8 · ▼ your best
</span>Props
| Prop | Type | Default | Description |
|---|---|---|---|
done | number | required | |
total | number | required | |
marker | number | — | A point to compare with, in steps |