[New Plugin] Multi-Step Progress Bar

Showcase Plugins
1

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.

:link: Demo page (with link to editor)
:link: Plugin page

1360Ă—700 58.5 KB

Instructions

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

That’s cool. That should save some time. I always build it out natively in Bubble. I am sure this is a lot quicker. :clap:

1 Like