Intent to Ship: Animation.overallProgress

[David Awogbemila]

Contact emails

awogb...@google.com

Explainer

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

Specification

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

Summary

This feature adds an "overallProgress" property to the JavaScript class Animation[1]. The goal of this property is to provide authors a convenient and consistent representation of how far along an animation has advanced across its iterations and regardless of the nature of its timeline[2]. [1] https://developer.mozilla.org/en-US/docs/Web/API/Animation [2] https://developer.mozilla.org/en-US/docs/Web/API/AnimationTimeline

Blink component

Blink>Animation

TAG review

https://github.com/w3ctag/design-reviews/issues/994

TAG review status

Issues addressed

Risks

Interoperability and Compatibility

None

Gecko: No signal (https://github.com/mozilla/standards-positions/issues/1073)

WebKit: No signal (https://github.com/WebKit/standards-positions/issues/398)

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

Like other fields in the Animation class, overallProgress can be inspected with DevTools.

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes

https://wpt.fyi/results/web-animations/interfaces/Animation/overallProgress.tentative.html https://wpt.fyi/results/web-animations/interfaces/Animation/scroll-timeline-overallProgress.tentative.html

Note that those test results might be showing as failing for a brief period because the feature was renamed from "progress" to "overallProgress" recently, and while the WPTs have immediately picked up this change, the version of Chrome against which they are run has yet to be similarly updated. However, you can see from the history that past runs of the tests were passing: progress.tentative.html & scroll-timeline-progress.tentative.html.

Flag name on about://flags

AnimationProgressAPI

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Tracking bug

https://crbug.com/40914396

Sample links

https://codepen.io/bramus/pen/BaXwmyZ

https://codepen.io/awogbemila/pen/oNKpXWy

https://davmila.github.io/demo-animation.progress/tda/index.html
https://davmila.github.io/demo-animation.progress/sda/index.html

Estimated milestones

No milestones specified

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5083257285378048?gate=6297514375118848

This intent message was generated by Chrome Platform Status.

[David Awogbemila]

We expect to ship this in M133. I've updated the Chromestatus entry.

[Rick Byers]

LGTM1 to ship in M133.

It's nice to see the explainer and design improved based on TAG feedback, thank you for that!

Rick

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAA6pwF6P_GBZWKr_Ve2HqS%2BkXxfpEbHwY78o-s7ke9kSF3DbFw%40mail.gmail.com.

[Chris Harrelson]

LGTM2

To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFUtAY-i_KDPix9JnPuZhFszZ1J-Mn8LD0z2Ae1TWWU696LPrg%40mail.gmail.com.

[Mike Taylor]

LGTM3

To view this discussion visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAOMQ%2Bw-f5S0gwh4ZgqD6G44bu31dX%3Dt7%3DXnRMq%2BM4FQCnYQ3_g%40mail.gmail.com.