[Bug Report][3.0.0] Toolbar Progress Indicator position

[SergkeiM]

Environment

Vuetify Version: 3.0.0 Last working version: 2.6.12 Vue Version: 3.2.41 Browsers: Chrome 106.0.0.0 OS: Windows 10, Windows, Android, iOS, Mac OSX, Linux

Steps to reproduce

Added v-progress-linear to v-toolbar with props absolute bottom

Expected Behavior

The progress bar should be at the bottom (From Docs: Using the absolute prop we are able to position the v-progress-linear component at the bottom of the v-toolbar)

Actual Behavior

The progress bar is in the middle

Reproduction Link

https://codepen.io/Froxz/pen/XWYXMRp

[Z3rio]

Hello, I will gladly take a look at this for you, although I would like to ask a question about the expected behaviour.

Do you mean that you want the progres bar to be below all of the icons, but still in the darked colored box? Or do you mean that it should be in the fully white box.

[SergkeiM]

Hi @Z3rio

This is the behaivor I expect (Vuetify 2): https://codepen.io/Froxz/pen/poKgMxg Progress Indicator is aligned at the bottom of the toolbar:

Material Guidelines: https://m3.material.io/components/progress-indicators/specs

[SergkeiM]

@Z3rio there is a pull request for this: #15883

[SergkeiM]

Hi closing, was fixed in 3.1.2 release via #15883 Thanks @stratdev3

Pen with a fix

[stratdev3]

thanks for the merge