carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.86k stars 1.82k forks source link

[Feature Request]: To have a status bar which can show parallel execution between the steps. #13960

Open jodtribhu opened 1 year ago

jodtribhu commented 1 year ago

The problem

In our React UI , we have a requirement to show parallel stages of the status bar like the execution of step 1 and step 3 in progress even when the step 2 is completed and to show description for it too.But this cannot be done with the current progress bar in the Carbon Design system as it is indicated like Step 1, Step 2 which will be like executing the stages one after the another instead of parallel execution

The solution

Why not provide a status bar which can take inputs of three types InProgress, Completed and Failed which also has a hover text to show description of each of the stages? I have worked on a sample to show a status bar which are showing parallel execution.

Examples

https://github.com/carbon-design-system/carbon/assets/51241236/90faccb6-d790-40bf-9ecb-435ba46f4869

https://github.com/carbon-design-system/carbon/assets/51241236/2d1c8682-0fc4-434f-bd51-94cd7ebd04c0

Application/PAL

No response

Business priority

Medium Priority = upcoming release but is not pressing

Available extra resources

No response

Code of Conduct

sstrubberg commented 1 year ago

Like this?

https://react.carbondesignsystem.com/?path=/story/components-progressindicator--default

jodtribhu commented 1 year ago

Yes I had seen this @sstrubberg but why we tried out a new design is that because that we want to have to show the steps like step 2 and step 4 in inProgress while the step 3 and step 1 is completed.This scenario comes because we are executing the step1 and step3 in parallel and once it has been completed it will move on to the next step.

sstrubberg commented 1 year ago

I'd like to see more use-cases where this is used in Product before we take this on. What product are you supporting?

jodtribhu commented 1 year ago

Hi @sstrubberg sorry for the late reply some of the use cases which this can be used is in the case of pipeline where the execution of tasks can be done in parallel.

jodtribhu commented 2 months ago

Hi @sstrubberg is there any update on this feature ?

jodtribhu commented 2 months ago

There are many use case which it can be used where we require parallel execution or linear flow..