# Progress Bars

Shows progress towards a goal

# How to

  • Accessible markup information is provided in the Implementation Guide with each component. For more information, see some best practices here (opens new window).
  • Use of javascript will be required to change the values of a progress bar if their values can change dynamically on the page.

# Examples

# Progress Bar Green

# Progress Bar Brand

# API for Vue Components

# SkyProgressBar

Props
Events
Have an idea to help us improve?

Have an idea to help us improve?

Send Feedback
We Support Truth and Reconciliation
Skyline is created on the following traditional unceded territories of:

Niitsítpiis-stahkoii ᖹᐟᒧᐧᐨᑯᐧ ᓴᐦᖾᐟ (Blackfoot / Niitsítapi ᖹᐟᒧᐧᒣᑯ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Ktunaxa ɁamakɁis

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Tsuu T'ina

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Michif Piyii (Métis)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Coast Salish

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Á,LEṈENEȻ ȽTE (W̱SÁNEĆ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Lekwungen/Songhees

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Learn More