Step Indicator Architect

Generate logic-driven process trackers for multi-screen forms

Configuration

Power Apps HtmlText 

                        

                    

                


                
                

                    

                        


                        

                            

                        


                        

                            

                                
                                Selected Style
                            

                            

                                
                                Step Logic
                            

                        

                    

                

            


            
            

                


                    
                    

                        
1

                        
1. Design & Copy

                        

                            Adjust your steps, colors, and labels. Once satisfied, click "Copy". The code is pre-formatted for Power Apps.
                        

                    


                    
                    

                        
2

                        
2. Insert HTML Control

                        

                            In Power Apps, go to Insert > Display > HTML Text. Paste the copied code directly into the HtmlText property of that control.
                        

                    


                    
                    

                        
3

                        
3. Drive the Logic

                        

                            Change the step and copy for the next step. Use separate HTML Text component for every step.
                        

                    


                


                
                

                    


                    

                        

                            

                                
                                Pro-Tip: Make it Clickable
                            

                            

                                HTML Text controls in Power Apps are usually not "clickable." To make this stepper interactive, place Transparent Buttons over each step segment. This gives the appearance of a custom navigation menu while keeping the high-end UI.
                            

                        

                        

                            

                                
                                    

                                        Property
                                        Setting
                                    

                                
                                
                                    

                                        FillColor
                                        RGBA(0,0,0,0)
                                    

                                    

                                        HoverFill
                                        RGBA(255,255,255,0.1)
                                    

                                    

                                        Text
                                        "" (Blank)