Components / progress

progress

Native <progress> restyled.

status: stable js: none support: baseline

Preview

Markup

<progress class="progress" value="67" max="100"></progress>

Install

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/progress.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add progress

Accessibility

Classes

.progress

Dependencies

base/tokens