Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-3528

Create design for progress bar/counter as part of the form on the side

XMLWordPrintable

    • Icon: UI task UI task
    • Resolution: Duplicate
    • Icon: Should have Should have
    • None

      We have soon a new form layout and we also have a separate counter block that has a progress bar layout version. To follow the most common layouts for petitions, we'd need to create a design that shows the progress bar as part of the form block.

      Magali already created wireframes for it (attached), we need to check if we want to add anything to it - and then we'd need to create complete designs so it can go to the frontend devs.

      One extra touch that we might need to discuss is whether we want to add some animation to the progress bar - when the bar would grow from zero to the actual position. I'll try to look for some examples for this.

        1. 5_XL_form block_V1-Best case scenario_future@2x.png
          5_XL_form block_V1-Best case scenario_future@2x.png
          199 kB
        2. 6_XL_form block_V1-Worst case scenario_Future @2x.png
          6_XL_form block_V1-Worst case scenario_Future @2x.png
          432 kB
        3. form_with_counter_progress_bar_05a.jpg
          form_with_counter_progress_bar_05a.jpg
          435 kB
        4. form_with_counter_progress_bar_06.jpg
          form_with_counter_progress_bar_06.jpg
          664 kB
        5. form_with_counter_progress_bar_06a.jpg
          form_with_counter_progress_bar_06a.jpg
          664 kB

            wmorrisj William Morris-Julien (Inactive)
            gabor.galgocz Gabor Galgocz (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: