Robust method for displaying individual values associated to


Topic: Robust method for displaying individual values associated to multiple progress bars

Torroni pro asked a year ago

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/


kpienkowska staff answered a year ago

I Suggest adding color coded legend or badge that will state the progress of the main process.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 6.3.0
  • Device: laptop
  • Browser: Google Chrome Version 112.0.5615.121 (Official Build) (64-bit)
  • OS: Windows 10 Enterprise 22H2
  • Provided sample code: No
  • Provided link: Yes