Skip to content

Animate progress bar updates - #1538

Draft
salasebas wants to merge 1 commit into
Shopify:mainfrom
salasebas:animate-progress-bars
Draft

Animate progress bar updates#1538
salasebas wants to merge 1 commit into
Shopify:mainfrom
salasebas:animate-progress-bars

Conversation

@salasebas

Copy link
Copy Markdown
Contributor

Progress bars currently jump directly to their new value whenever the task page auto-refreshes.

Identify each rendered progress bar by its Run ID and preserve its previous state before replacing the refreshed content. Determinate progress bars now animate from their previous value to the updated value over 450ms using requestAnimationFrame and a cubic ease-out curve.

The animation preserves relative progress when the maximum value changes and is disabled when the user prefers reduced motion.

Update the inline script CSP hash to allow the modified layout script.

Release notes

Progress bars now animate smoothly when their values change during task-page auto-refresh.

@salasebas
salasebas marked this pull request as ready for review August 19, 2026 07:38
@salasebas
salasebas marked this pull request as draft August 21, 2026 23:31
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.

1 participant