Progress

A real <progress>. It reports its own value to assistive tech without any role="progressbar"/aria-valuenow bookkeeping, and becomes an indeterminate spinner for free when you omit value.

import { Progress } from "@kernelui/react";

<Progress value={60} label="Uploading" />

Props

Styling the fill has no standardised, non-vendor-prefixed API yet.::-webkit-progress-value and::-moz-progress-bar are the correct, current way to do it, not a legacy fallback.