Progress

Show percent completion with a progress bar.

Size: 4

Features

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

Progress

Progress extends ThemeableStack, getting Tamagui standard props, plus:

Props

  • size

    "small" | "large"

  • value

    number | null

    Control the percent progress.

  • max

    number

  • Indicator

    Progress.Indicator extends ThemeableStack, getting Tamagui standard props.