Progress Bar Feature

These settings allow you to customize the appearance and behavior of the progress bar in multi-step forms.

Below are the detailed options available:

1. Progress Bar

   • Description: Enable or disable the progress bar for the multi-step form.

   • Action: Toggle the switch to turn this feature on or off.

2. Background Color

   • Description: Change the background color of the progress bar.

3. Progress Bar Style

   Select the style of the progress bar;

   • Horizontal: A horizontal progress bar.

   • Vertical: A vertical progress bar.

   • Arrow: An arrow-style progress bar.

   • Box: A box-style progress bar.

   • Box and Arrow: A combination of box and arrow styles.

4. Border Style

   Select the border style for the progress bar;

   • Square: A square border style.

   • Round: A rounded border style.

5. Title Options

   Choose how the title is displayed on the progress bar;

   • Horizontal text: Display the title text horizontally.

   • Vertical text: Display the title text vertically.

   • No text: Do not display any title text.

   • Action: Select the preferred title option.

6. Progress Bar Percent

   • Description: Enable or disable the display of the progress bar percentage.

   • Action: Toggle the switch to turn this feature on or off.

7. Background Color

   • Description: Change the background color of the percentage display in the progress bar.

   • Action: Click on "Select Color" to choose a background color.

8. Allow Choose Step

   • Description: Enable or disable the ability for users to choose and jump to a specific step in the form.

   • Action: Check the box to enable this feature.

9. Preview

   • Description: A preview of how the progress bar will look based on the selected settings.

   • Note: The preview only shows three steps.