Expected behavior I use a progress bar with multiple bars, to represent the various statuses of a set of long-running tasks, e.g. COMPLETED, PROCESSING, ERROR. I'm trying to find a robust method that allows displaying the individual values associated with each individual bar, i.e. a method that allows displaying the values even when one of the bars is much smaller than the others and a label wouldn't fit. Any ideas?

Actual behavior I have tried specifying the height and using labels, but the label text needs a bare minimum of space to be displayed; if the individual bar is very small (percentage--wise), the label is not displayed correctly (see snippet).

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/torroni/5359994/