Skip to content

[CircularProgress] Remove determinate variant #20548

@levrik

Description

@levrik
  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The animation of CircularProgress variant determinate is really laggy.

Expected Behavior 🤔

To have a smooth animation like static.

Steps to Reproduce 🕹

https://codesandbox.io/s/fancy-moon-1wt2l?file=/index.js

Context 🔦

I'm not completely sure if this is an issue or if it's the expected outcome.
I really like the starting animation of the determinate variant which static doesn't has. This is really good if you have a CircularProgress that is changing from indeterminate to determinate. But it looks like I'm just allowed to add a max of 1 to value manually on every frame for a smooth animation. This doesn't seem like the correct behavior to me.

Your Environment 🌎

Tech Version
Material-UI v4.9.10
React v16.13.1
Browser Chrome 80.x

Metadata

Metadata

Assignees

No one assigned

    Labels

    breaking changeIntroduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the process

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions