Progress
Show percent completion with a progress bar.
Features
Sizable, themeable, animatable.
Composable component API for complete control.
Adheres to the progressbar role requirements
Usage
The value
property controls the percent, but you can override it by adjusting the x
property.
import { Button, Progress } from 'tamagui'export default () => (<Progress value={60}><Progress.Indicator animation="bouncy" /></Progress>)
API Reference
Progress
Progress extends ThemeableStack, getting Tamagui standard props, plus:
Props
size
"small" | "large"
value
number | null
Control the percent progress.
max
number
Progress.Indicator
Progress.Indicator
extends ThemeableStack, getting Tamagui standard props.