Progress

scss

@use '@natachah/vanilla-frontend/scss/components/progress';

Syntax

The progress is using the native <progress> tag.

htmlcss properties

html

<label for="download">Download progress:</label>
<progress id="download" value="50" max="100">50%</progress>

css

--progress-width
--progress-height
--progress-background
--progress-color
--progress-border-radius