v-progress-linear background gradient

[karate-kid-cloud]

Hello everyone,

Does anyone know how we can apply a linear-gradient as the background color of the progress bar in the v-progress-linear component ?
I searched on vuetify's documentation and noticed there are several options but couldn't find anything about gradients in particular.

Can anyone help ?

Thanks

[EpsilonYi]

[bg-color] and [bg-opacity]

[J-Sek]

When you set color to some text that is not parsed (colorUtils.ts:24), e.g. color="something" it lands in the component as bg-something class. You can have CSS describing that class and apply the craziest gradients you can imagine.

When used with indeterminate it is a bit complicated, but still possible with a little compromise as background-attachment: fixed shifts it relative to the whole page.

Playground