Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FeedbackReact Native

Progress

Show normalized determinate progress with native accessibility semantics.

Public APILumenProgressReact Native

Native example

Use Progress

Use only for determinate progress. Values are clamped into the valid range; invalid maximum values fall back to 100.

View verified React Native runtime capture
Progress rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenProgress
  value={72}
  label="Profile completion"
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenProgress.

APIValues or typeDefaultDescription
valuenumber0Provides the current determinate value.
maxnumber100Provides the positive maximum value.
labelString?nilNames the progress operation.
color / styleNative presentation APIAdjusts native layout or optional indicator color.

Native behavior

Design and accessibility

When to use it

Use only for determinate progress. Values are clamped into the valid range; invalid maximum values fall back to 100.

Accessibility

Progress exposes normalized minimum, maximum, and current values. Provide a label when surrounding text does not name the operation.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives