Progress

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

Default

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

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 }--
colorcustom colorstring--
typepredefined state typesNormalTypes'default', 'secondary', 'success', 'warning', 'error'default
...native propsProgressHTMLAttributes'aria-busy', 'className', ...-