turretcss

Progress Sizes


Example

70% 70% 70% 70% 70% 70% 70%

HTML

<progress class="progress-xxl">...</progress>
<progress class="progress-xl">...</progress>
<progress class="progress-l">...</progress>
<progress>...</progress>
<progress class="progress-s">...</progress>
<progress class="progress-xs">...</progress>
<progress class="progress-xxs">...</progress>

CSS

--progress-xxl-height: 1rem;
--progress-xl-height: 0.875rem;
--progress-l-height: 0.75rem;
--progress-s-height: 0.5rem;
--progress-xs-height: 0.375rem;
--progress-xxs-height: 0.25rem;