How to Customize the Progress Bar

This guide will show you how to enable, disable, and customize the progress bar in LeadCapture.io to match your form's design and branding.

Here is a quick video that shows you how to customize your LeadForm's progress bar.

Accessing Progress Bar Settings

1. Go to the Design Tab

• Navigate to your lead form inside LeadCapture.io.
• Click on the Design tab in the form builder.

2. Select Progress Bar

• In the left panel, click on Progress Bar to access customization options.

Enabling or Disabling the Progress Bar

• To disable the progress bar, toggle the switch to Off—you’ll see it disappear from the form preview.
• To enable the progress bar, toggle the switch to On to display it on your form.

Customizing the Progress Bar

Once the progress bar is enabled, you can modify its appearance:

• Progress Bar Color: Click the color picker to choose a new color for the progress indicator.
• Progress Bar Background Color: Customize the background color behind the progress indicator.
• Progress Bar Text Color: Adjust the color of any progress-related text displayed on the bar

Saving Your Changes

• Once you've customized the progress bar to your preference, click Save Changes to apply the updates to your form.

That’s it! Your progress bar will now match your branding and enhance the user experience on your form.