Component documentation

Components

Basics

Components

Objects

Utilities

Basics

Components

Objects

Utilities

Progress bar

Progress bar (initial)

# 
<div class="c-progress-bar" style="--value: 0"></div>
.c-progress-bar(style="--value: 0")

Progress bar (loading)

# 
<div class="c-progress-bar" style="--value: 0.6"></div>
.c-progress-bar(style="--value: 0.6")

Progress bar (success)

# 
<div class="c-progress-bar c-progress-bar--success" style="--value: 1"></div>
.c-progress-bar.c-progress-bar--success(style="--value: 1")