Progress Ring

progress-ring

.slds-progress-ring

base

.slds-progress-ring — Progress Ring component

base › Partially Drained

base › Partially Filled

base › Partially Drained With Warning Icon

base › Partially Filled with Warning Icon

base › With Expired Icon

base › Complete

base › Large Size

base › Active Step

base › Theme: Warning

base › Theme: Expired

base › Theme: Complete

.slds-progress-ring__progress

.slds-progress-ring__progress — Progress indicator

.slds-progress-ring__path

.slds-progress-ring__path

.slds-progress-ring__progress-head

.slds-progress-ring__progress-head

.slds-progress-ring__content

.slds-progress-ring__content — Progress ring content area

.slds-progress-ring_warning

.slds-progress-ring_warning — Warning colors

.slds-progress-ring_expired

.slds-progress-ring_expired — Expired colors

.slds-progress-ring_complete

.slds-progress-ring_complete — Complete colors

.slds-progress-ring_large

.slds-progress-ring_large — Larger ring size

.slds-progress-ring_active-step

.slds-progress-ring_active-step — Blue progress ring