Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animation.progress #398

Open
DavMila opened this issue Sep 17, 2024 · 1 comment
Open

Animation.progress #398

DavMila opened this issue Sep 17, 2024 · 1 comment
Labels
topic: animation Spec relates to animation (including transitions) topic: css Spec relates to CSS (Cascading Style Sheets) venue: W3C CSS WG

Comments

@DavMila
Copy link

DavMila commented Sep 17, 2024

WebKittens

No response

Title of the proposal

Animation progress accessor

URL to the spec

https://drafts.csswg.org/web-animations-2/#the-progress-of-an-animation

URL to the spec's repository

https://github.com/w3c/csswg-drafts/tree/main/web-animations-2

Issue Tracker URL

No response

Explainer URL

https://github.com/DavMila/explainer-animation.progress

TAG Design Review URL

TAG Review Requested

Mozilla standards-positions issue URL

Mozilla standards position request

WebKit Bugzilla URL

No response

Radar URL

No response

Description

This feature adds a "progress" property to the JavaScript class Animation.

The goal of this property is provide authors a convenient and consistent representation of how far along an animation has advanced across its iterations, regardless of the nature of its timeline. Without animation.progress, a developer would need to manually compute how far an animation has advanced factoring in the number of iterations of the animation and whether the currentTime of the animation is a percentage of total time (as in the case of scroll-driven animations) or an absolute time quantity (as in the case of time-driven animations).

@nt1m nt1m added topic: css Spec relates to CSS (Cascading Style Sheets) venue: W3C CSS WG topic: animation Spec relates to animation (including transitions) labels Nov 2, 2024
@DavMila
Copy link
Author

DavMila commented Nov 20, 2024

A quick update here that the CSS working group resolved to name this feature Animation.overallProgress instead of Animation.progress.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
topic: animation Spec relates to animation (including transitions) topic: css Spec relates to CSS (Cascading Style Sheets) venue: W3C CSS WG
Projects
None yet
Development

No branches or pull requests

2 participants