// .progress .progress-bar--{color}

Progress bar – barvy

Čtyři sémantické barvy. Výchozí výška 10 px, pill radius.

Barevné varianty
Úspěch (primary)72 %
Nebezpečí (danger)45 %
Info (third/modrá)60 %
Varování (warning)30 %
// .progress--sm / --lg / --striped

Velikosti & Striped

Tři výšky (6 / 10 / 16 px) a pruhovaný vzor pro aktivní operace.

Velikosti
.progress--sm (6 px)
Výchozí (10 px)
.progress--lg .progress--striped (16 px)
65 %
// .skeleton / --circle / --rect / .skeleton-card

Skeleton loader

Animovaný shimmer placeholder při načítání dat. Hotová karta .skeleton-card kombinuje rect + circle + řádky.

Skeleton karta (loading stav)
Inline skeleton – řádky textu