Top
ProgressBar - Steps
ProgressBar
<ProgressBar /> has the step prop, that when specified, step bars are rendered over the progress bar. These bars mark the distinct sections of the progress, or limit the value to them. The steps also modify progress behavior, which only advances a step at a time, when total value becomes multiple of step value.
Ticks are lines that are rendered across the progress bar to visually mark different areas.
Props related to ticks default to those that describe step, but they can be configured separately from step, as it can be seen in the following example: