Uploaded image for project: 'OpenOLAT'
  1. OpenOLAT
  2. OO-4516

Radial and pie render options for progress bar

    XMLWordPrintable

    Details

      Description

      Progress is usually displayed as a horizontal progress bar. When space is limited or a visually more attractive is required the radial version offers a great alternative. We already use this in the test result visualization.

      The goal of this issue is to implement more rendering options for the progress bar that can be used within tables and do not clutter the UI when multiple progress bars are displayed at the same time.  

      • Colors: primary*, info, warning, danger, success
      • Size: inline, small, medium*, large
      • Style: horizontal*, radial, pie
      • Label alignment: left*, right
      • Animation (stripes for horizontal, appear for radial/pie)

      Various examples are implemented in the GUI demo. 

        Attachments

          Activity

            People

            Assignee:
            gnaegi Florian Gnägi
            Reporter:
            gnaegi Florian Gnägi
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 minutes
                4m