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

Torroni pro asked 1 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.)

Kamila Pieńkowska staff answered 1 year ago

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

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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