Progress | NativeBase | Universal Components for React and React Native

Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Progress
Progress helps show the progress status for a time-consuming task that consists of several steps.
Show Code
Playground
Import
Copy
import { Progress } from "native-base";
Examples
Basic
Playground
Progress colorScheme
Playground
Sizes
Playground
Flat Progress
Playground
Custom Track Color
Playground
Props
Styling
NativeBase ships with a default theme for each component. Checkout the default theme of progress.
Info: We can easily extend the progress component theme using extendTheme function as described in the documentation .
Accessibility
Adheres to the progressbar
On web, aria-valuenow, aria-valuemin and aria-valuemax to ensure the progress percent is visible to screen readers.
On mobile, is used to ensure it's announced by Talkback and VoiceOver.
Nativebase logo
MadeWithNativeBase