The step wizard cannot handle dynamically adding steps at runtime. For that, you need to create an entity that can store the steps added by the end user at runtime.
The steps can then be displayed in the UI using a list view and some custom CSS classes.
Hi Koji Takahara, to change the color of the wizard on the basis of its status, you need to use wizard-step, wizard-step-active & wizard-step-visited accordingly Also, you'll find these pre-existing classes in custom-variable.scss file, where you can set the colors accordingly