Progress

Display progress relative to a limit or related to a task.

Standard

Custom Max

Modify the maximum value of progress.

Dynamic Colors

You can specify the color of the progress in any range.

Type

We prepared some different styles in advance.

APIs / Schnittstellendokumentation

Progress.Props

AttributeDescriptionTypeAccepted valuesDefault
valuecurrent valuenumber-0
maxmax valuenumber-100
fixedTopfix progress to topboolean-false
fixedBottomfix progress to bottomboolean-false
colorscustom colors{ [key: number]: string }--
typepredefined state typesNormalTypes'default', 'secondary', 'success', 'warning', 'error'default
...native propsProgressHTMLAttributes'aria-busy', 'className', ...-

Co-Creators