Feedback

Progress.

A sense of how far something has come.

LIVE PREVIEWTry it. It works.
Component review68%
Preparing previewIn progress

Usage

React / TypeScript
<Progress label="Upload progress" value={68} />

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

Uses native progress semantics. label is required. value=null indicates indeterminate progress. max defaults to 100; keep numeric values within 0..max.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.