[Feature Request] Add a prop that can disable transition in progress components

[stefenson]

Problem to solve

I have already seen the history issues, and it is someting different from my needs.

In some page, I want the animation to be actived on the components, but in another page, I just want it to be disabled.

For example, in pageA I use progress-linear to show progress status, but in pageB, there are too many progress-linears, so on the low-performance devices it will make poor experience. So the simple solution is enable the animation on pageA and disable it in pageB.

Proposed solution

Something like this:

<v-progress-linear animation="false" />
<v-progress-linear animation="true" />

[J-Sek]

Would you say transition-duration="0" could solve it? It would apply to everything except indeterminate, because it has it's own $progress-linear-indeterminate-animation-duration

[stefenson]

Would you say transition-duration="0" could solve it? It would apply to everything except indeterminate, because it has it's own $progress-linear-indeterminate-animation-duration

That sounds pretty cool, thank you so much for your reply. <3

[stefenson]

Would you say transition-duration="0" could solve it? It would apply to everything except indeterminate, because it has it's own $progress-linear-indeterminate-animation-duration

Maybe you can add this feature to v-progress-circular too, thx~

[J-Sek]

Prop would be just a convenience to avoid writing CSS by hand.

.v-progress-circular__overlay,
.v-progress-linear__stream,
.v-progress-linear__buffer,
.v-progress-linear__determinate {
  transition-duration: 0s;
}