Can you please let me know exactly which component you are currently using to show the stages and steps & stages. I am assuming you are using pxDisplayStages. Please correct me if I am wrong. Also, are you currently using any custom CSS or anything else?
Also, please mention the UIKIT version if you are using it.
Meanwhile, I will try to build up the css for your requirement, using pxDisplayStages.
yes there is way to display completed steps... Pega by default, uses color code to display them.. If you see the pictures, completed steps are colored black, current ones are colored blue and future steps are colored grey. We just need the text (label) on these steps to be altered along with background color which is being changed according to the status of steps/stage. Please check and update
Below is the latest update for my queris:
1. Space between Stages needs to be increased to match space between steps - Done
2. Tick mark on Stages/Steps has to be moved to middle of the stage/step - We removed them so its not needed any more
3. Color of label past, current and future Stages/Steps has to be different (White for past/current & Black for future stage/steps) - This is important. Please look into this
4. Shape of the first and last stage/step has be altered (Triange shape) - This is important. Please look into this