Skip to content
trident
Rivet-Bootstrap

Step indicator

The Rivet equvalent for this component is available here for comparison.

Basic - links

  1. Personal information Step 1
  2. Records & transcripts Step 2
  3. Confirmation Step 3
HTML 

            

        

        
Basic - buttons

        

            

                
    
    
  1.   
    2. 
    
  2.   Records & transcripts  Step 2   
    3. 
    
  3.   Confirmation  Step 3   
    4. 


            

            
 HTML
                
                

            

        

        
Vertical - links

        

            

                
    
    
  1.   Personal information  Step 1   
    2. 
    
  2.   Records & transcripts  Step 2   
    3. 
    
  3.   Confirmation  Step 3   
    4. 


            

            
 HTML
                
                

            

        

        
Vertical - buttons

        

            

                
    
    
  1.   
    2. 
    
  2.   Records & transcripts  Step 2   
    3. 
    
  3.   Confirmation  Step 3   
    4. 


            

            
 HTML
                
                

            

        

        
Icons - links

        

            

                
    
    
  1.   Personal information     
    2. 
    
  2.   Records & transcripts     
    3. 
    
  3.   Confirmation     
    4. 


            

            
 HTML
                
                

            

        

        
Icons - buttons

        

            

                
    
    
  1.   
    2. 
    
  2.   Records & transcripts     
    3. 
    
  3.   Confirmation     
    4. 


            

            
 HTML
                
                

            

        

        
Colors - links

        

            

                
    
    
  1.   Personal information  Step completed    
    2. 
    
  2.   Records & transcripts  Step has errors that need to be corrected    
    3. 
    
  3.   Confirmation     
    4. 


            

            
 HTML
                
                

            

        

        
Colors - buttons

        

            

                
    
    
  1.   
    2. 
    
  2.   
    3. 
    
  3.   Confirmation     
    4. 


            

            
 HTML