Progress

@sushindustries/ui

The native progress element, restyled - omit value and the indeterminate state is real.

4 min read
View as MarkdownEdit on GitHub

Composing it

ProgressProgressThe native progress element, restyled - omit value and the indeterminate state is real.@sushindustries/ui · content renders its own <label className="field"> - don't wrap it in another one. Nesting labels is invalid HTML, and the browser resolves a click on the outer label to whichever form control it finds first, not necessarily this one.

When not to use it

For a percentage-like number with no real completion signal - a bar that fills on a timer just to look busy is worse than the indeterminate sweep, which tells the truth about what's known. Reach for value only when there's a real fraction behind it.