→ Aisha Bello
→ Vertical Stepper (Interactive)

Vertical Stepper (Interactive)

Stepper component with Navigation buttons

This bootstrap css example is contributed by Aisha Bello, on 20-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is stepper

Tags: Steps

Author Aisha Bello

9.3k

v.5.3

Fork Fullscreen

<div class="steps-vertical">
    <div class="step-vertical complete">
        <div class="step-vertical-icon">
            <i class="fas fa-check"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Account Created</h4>
            <p>Your account has been created successfully</p>
        </div>
    </div>
    <div class="step-vertical active">
        <div class="step-vertical-icon">
            <i class="fas fa-envelope"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Verification Email</h4>
            <p>Please check your email to verify your account</p>
        </div>
    </div>
    <div class="step-vertical">
        <div class="step-vertical-icon">
            <i class="fas fa-cog"></i>
        </div>
        <div class="step-vertical-content">
            <h4>Setup Complete</h4>
            <p>Complete your profile setup</p>
        </div>
    </div>
</div>

<div class="controls">
    <button class="btn" onclick="previousStep()">Previous</button>
    <button class="btn" onclick="nextStep()">Next</button>
</div>

More Examples

Steps Section
How it works section

Author:
Ankit khedkar

2 years ago

3.4k

v.5.3
Horizontal Steps (Interactive)
Stepper component with Navigation buttons

Author:
Aisha Bello

1 year ago

9.2k

v.5.3
Steps section

Author:
Ankit khedkar

2 years ago

10.8k

v.5.3
Bootstrap Product Card

Author:
Anonymous

2 years ago

5.3k

v.5.3
Collapsible Sidebar

Author:
Alaric Sloane

1 year ago

64.9k

v.5.3
About us section

Author:
Kemaya m

2 years ago

2.7k

v.4.6
slider section

Author:
Juan Antonio González Hernández

5 months ago

531

v.5.3
bootstrap quiz template (Interactive)
Interactive MCQ Quiz show results at the end

Author:
Arturo

1 year ago

5.3k

v.5.3
PlantStore full website

Author:
Zahid Hasan Riyad

1 month ago

268

v.5.3
Service Section for WDD

Author:
sajid taz

2 months ago

308

v.4.6
Minimal Team Section
On hover reveal colors

Author:
Arturo

1 year ago

2.7k

v.5.3
Interactive Quiz Application
1. Dynamic Question Loading: Questions are loaded one at a time from a predefined set. 2. Timer: Each question has a 30-second time limit. Interactive Options: Users can select their answer, with visual feedback for correct and incorrect choices. 3. Progress Bar: Shows the user's progress through the quiz. 4. Results Summary: Displays the final score with a congratulatory or encouraging message. 5. Responsive Design: The quiz adapts to different screen sizes.

Author:
Ross Wille

1 year ago

11.2k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent