Skip to content

feat: add determinate circular progress#5032

Open
hazrid93 wants to merge 1 commit into
callstack:mainfrom
hazrid93:hazrid93/4209_circular_progress
Open

feat: add determinate circular progress#5032
hazrid93 wants to merge 1 commit into
callstack:mainfrom
hazrid93:hazrid93/4209_circular_progress

Conversation

@hazrid93

Copy link
Copy Markdown

feat: add determinate circular progress

Closes #4209.

Adds a static determinate circular progress indicator per the Material 3 progress spec. Accepts a progress value from 0 to 1 and clamps values outside that range. Renders a circular track with the progress drawn as an arc covering the proportion given by the value.

Exposes the progressbar accessibility role with min, max, and current value. Configurable size, stroke thickness, and colors for the arc and the background track, defaulting to the theme primary color. The component is exported from the public surface alongside the existing components.

@callstack-bot

callstack-bot commented Jul 20, 2026

Copy link
Copy Markdown

Hey @hazrid93, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

Closes callstack#4209.

Adds a static determinate circular progress indicator per the Material 3 progress spec. Accepts a progress value from 0 to 1 and clamps values outside that range. Renders a circular track with the progress drawn as an arc covering the proportion given by the value.

Exposes the progressbar accessibility role with min, max, and current value. Configurable size, stroke thickness, and colors for the arc and the background track, defaulting to the theme primary color. The component is exported from the public surface alongside the existing components.
@hazrid93
hazrid93 force-pushed the hazrid93/4209_circular_progress branch from 4295739 to 0e75c3e Compare July 20, 2026 11:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

How to create Material 3: Determinate Circular Progress Indicator

2 participants