Uploaded image for project: 'Camunda Optimize'
  1. Camunda Optimize
  2. OPT-1306

Make Progress Bar more Progress-Bar-y

    XMLWordPrintable

Details

    • Task
    • Resolution: Fixed
    • L3 - Default
    • 2.3.0-alpha2, 2.3.0
    • None
    • frontend
    • 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

      mgm-controller-panel

        This is the controller panel for Smart Panels app

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Salesforce