MULTI-STEP PROGRESS BAR

Multi-Step Progress Bar

Published June 2025

    •    Updated January 2026

Plugin details

Create beautiful, customizable multi-step progress bars to guide users through processes. Features dynamic step counts, custom colors, step labels, checkmark icons, and responsive design. Perfect for onboarding flows, checkout processes, and multi-page forms.

🔗  Demo page (with link to editor):
https://multi-step-progress-bar.bubbleapps.io

$15

One time • Or $5/mo

 stars   •   0 ratings

8 installs  

This plugin does not collect or track your personal data.

Platform

Web

Contributor details

ChainPulse

Joined 2025   •   5 Plugins

View contributor profile

Instructions

Add the Multi-Step Progress Bar element to your page
Set "Number of steps" (e.g., 4 for a 4-step process)
Set "Current step" (use dynamic data to track user progress)
Enter "Step texts" as comma-separated values (e.g., "Account,Profile,Payment,Complete")
Customize colors: "Active color" for completed/current steps, "Inactive color" for future steps
Toggle "Show step text" to display/hide step labels
Optional: Upload custom completed icon (SVG format recommended)
Style with fonts, colors, and spacing using Bubble's style panel

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Tutorial

Forum

Rating and reviews

No reviews yet

This plugin has not received any reviews.

Product

Bubble for

Discover

Learn

Resources

Community

Company

Legal

Multi-Step Progress Bar

Plugin details

$15

One time • Or $5/mo

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

No reviews yet