Details

    • Type: Task
    • Status: Done
    • Priority: L3 - Default
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.3.0, 2.3.0-alpha2
    • Component/s: frontend
    • Labels:
      None

      Description

      Right now the Progress Bar is not instantly recognizable as Progress Bar. Maybe we can improve some styling.

      Suggestions for improvement:

      • the progress bar has rounded corners
      • the colors fits to the already existing colors
      • the not reached/background color is gray
      • remove the small bars which are showing start and goal value
      • even when the progress is 0% it should still show some progress bar
      • there is a vertical transition of color

      Maybe you can get some inspiration here:
      https://css-tricks.com/html5-progress-element/
      Also it might be helpful to have a look how it looks in meta base

        Issue Links

          Activity

          There are no comments yet on this issue.

            People

            • Assignee:
              Unassigned
              Reporter:
              sebastian.stamm Sebastian Stamm
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: