Progress Marker
UIProgressMarkers
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d0829dbbdb63e59d2cdc252_image_preview-28.png)
Styles
Using this Component
Progress markers are used to display the progress of a connection or process.
Steps
Progress markers can visually simplify a complex multi-step process. Each step is signified as a node in the component, each with its own icon. The state of each node and the connecting lines shows the progress of the process. Single-step processes should not use progress markers.
Structure
Behavior
Progress markers are not interactive components. They are meant primarily as an informational display, not as a way to control the process that they are representing.
Playground Coming Soon!
![](https://assets-global.website-files.com/5cf94933bf4ff12103d58c2a/5d0829dbbdb63e59d2cdc252_image_preview-28.png)
Styles
Using this Component
Progress markers are used to display the progress of a connection or process.
Steps
Progress markers can visually simplify a complex multi-step process. Each step is signified as a node in the component, each with its own icon. The state of each node and the connecting lines shows the progress of the process. Single-step processes should not use progress markers.
Structure
Behavior
Progress markers are not interactive components. They are meant primarily as an informational display, not as a way to control the process that they are representing.