Add Floating Label or Label Outside on progress bar

[moshetanzer]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

I think it would add to have a floating label with current percentage at point of current progress on top of progress bar - similar to a message bubble with the percentage. If this is not possible should have an option like in tailwind of label in or outside progress

Motivation and context

This solves issues with mutli colored progress bars where text isnt visible or progress bar that have a height that is too small.

[TommasoAllegretti]

I could be wrong but isn't this achievable with a regular label?

[moshetanzer]

Don't think so. Please reproduce.

[TommasoAllegretti]

https://codepen.io/TommasoAllegretti/pen/yLwBVEx

Is this the behavior you were trying to reproduce?

[moshetanzer]

Hi. Nope. Floating label at current percentage. Almost like a message bubble that stays with current percentage doesn't that make sense?

[TommasoAllegretti]

You could just add a text-align: right style to the label in the example I shared so that it matches the progress bar