Progress

Shows how much of a task is complete.

Stable

Web

iOS

Android

@advui/core

JSX

<Progress label="Upload progress" />

value

tone

size

Installation

Package

CLI (copy source)

pnpm

pnpm add @advui/core

npm

npm install @advui/core

import { Progress } from '@advui/core'

<Progress value={uploaded} max={total} label="Uploading photos" />

Preview

Code

Uploading…20%

Prop	Type	Default	Description
`value`	`number \| null`	—	Current value; `null` shows an indeterminate bar.
`max`	`number`	`100`	Maximum value.
`label`	`string`	—	Accessible name.
`tone`	`'primary' \| 'success' \| 'warning' \| 'error'`	`'primary'`	Indicator color.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	4, 8 or 12px tall.