theVAULT01Explore complete sections
← All components

Progress

A labelled native progress element with a visible percentage. Values are bounded between zero and one hundred.

Project setup64%

Use the real component.

The preview uses the same React components and CSS available in the Code view.

  1. Copy Components into src/components/vault/kit.tsx.
  2. Copy Styles into src/styles/vault-kit.module.css.
  3. Import the component using the Usage example. Add Your theme to a parent to carry your colors across.

React + TypeScript + CSS Modules. The import alias @/ points to src/; adjust it for your project.

theVAULT / A Plaibook collection