Design MVP for progress bar

[ashifalinadaf]

Proposal for progress bar based on previous ticket https://github.com/grommet/hpe-design-system/issues/3596 Refining the deliverables and success criteria based on initial review. Figma link

''How to present a progress bar that eliminates my uncertainty and associated helplessness and stress, and instead leaves me feeling empowered and confident?''

Deliverables:

• [ ] Propose a design MVP for progress bar
  • [x] Define each component/area within the design
  • [x] Follow and work on all success criteria
• [ ] Review with developer(s) and designers

Succes criteria:

• [x] My need/dependency is acknowledged (context)
• [x] Something/somebody is actively working on my need
• [x] How much total work needs to be done
• [x] How much work has been done
• [x] The pace at which work / total is progressing
• [x] Time estimates based on that pace
• [ ] Predicted time estimate based on probabilities determined from similar efforts in the past.

Follow the heuristics -

• [x] "visibility of system status",
• [x] "User control and freedom",
• [x] "Recognition rather than recall".

---

Create follow on issues as appropriate for:

• [ ] Adding "progress bar" to design system site
• [ ] Publishing to Figma library

[ashifalinadaf]

Please have a look at the recommendations for the progress bar @SeamusLeonardHPE @KennyAtHPE @oliverHPE

Need inputs from devs as well, any improvements/additional info needed please comment- @taysea @jcfilben

[ashifalinadaf]

Made changes to the design and proposing some of the minimal designs. @SeamusLeonardHPE @taysea please have a look and see if there are any changes needed. Figma

[KennyAtHPE]

Left some comments @ashifalinadaf. It's looking great!

[SeamusLeonardHPE]

@SOjaHPE @halocline @taysea @MikeKingdom

Created a similarly formatted request file for progress bar. If you guys have time to do a review and add comments where we need more detail/edits.

Also if you think the fidelity is ok comment here and I can create a new ticket to request dev time.

https://www.figma.com/file/MxyJM1rihzo6XgAwHKRID8/Feature-Request--Progress-Bar?type=design&node-id=0%3A1&mode=design&t=v2bJIOvJqNgQF19f-1

[taysea]

I dropped a few minor comments. I feel like there's enough there to move into code prototype assuming others feel comfortable with the general anatomy and direction.

[SeamusLeonardHPE]

Created a dev request https://github.com/grommet/hpe-design-system/issues/3641

Unfinished tasks in this issue can be resolved on review of prototype:

• [ ] Refactor based on review
• [ ] Solidifying naming & props
• [ ] Applying decisions to figma component.
• [ ] Writing guidance for "progress bar" & adding to design system site
• [ ] Publishing new component to Figma library
• [ ] Announce in staff channel