v-progress-linear background gradient #21272
-
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 ? Can anyone help ? Thanks |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
[bg-color] and [bg-opacity] |
Beta Was this translation helpful? Give feedback.
-
When you set When used with |
Beta Was this translation helpful? Give feedback.
When you set
color
to some text that is not parsed (colorUtils.ts:24), e.g.color="something"
it lands in the component asbg-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 asbackground-attachment: fixed
shifts it relative to the whole page.Playground