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

Expose easing animation time in QCircularProgress and QLinearProgress #10464

Closed
rfox12 opened this issue Aug 24, 2021 · 1 comment
Closed

Expose easing animation time in QCircularProgress and QLinearProgress #10464

rfox12 opened this issue Aug 24, 2021 · 1 comment

Comments

@rfox12
Copy link
Contributor

rfox12 commented Aug 24, 2021

I found that I have "jumpy" progress because my app updates every second or so. The easing animation on progress is a nice feature of Quasar, but to make it look really polished, it would be nice if the animation time was exposed as a variable that the developer could set. In my case I found that if I changed the default 0.6s ease to 1s ease that the result looked really nice.

<circle 
  class="q-circular-progress__circle text-secondary" 
  fill="transparent" 
  ...
  style="transition: stroke-dashoffset 1s ease 0s, stroke 1s ease 0s;">
</circle>

Not sure what the proposed attribute should be called... maybe "easeInterval"?

<q-circular-progress ease-interval="1s" value=...etc>

@rstoenescu
Copy link
Member

New prop (animation-speed) for QLinearProgress and QCircularProgress will be available in Quasar v2.2.5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants