Progress Bar for Calculated Fields Form

Compatible with CFF: Free Professional Developer Platinum

Progress Bar

It allows you to insert and customize progress bars in multi-page forms.


The Progress Bar for Calculated Fields Form plugin allows you to insert and customize progress bars in multi-page forms. The plugin includes three progress bars layouts. The simple progress bar, the pages numbers bar, and the titles bar.

The "Pages Number" bar includes an item per page, from one to the number of form's pages. Each bar member is a link to the corresponding page to facilitate navigation. In addition, the Pages Number bar highlights the item for the active page.

Numbers Bar
Numbers Bar.

The "Pages Titles" bar allows you to enter a title or label per page, and use them to generate the progress bar. The form's pages are navigable from the progress bar. It highlights the title corresponding to the active page.

Titles Bar
Titles Bar.

The installation process of the "Progress Bar for Calculated Fields Form" is similar to other plugins in WordPress. It requires to download the zip file with the plugin's code to your computer (visiting the download link provided after purchasing), and follow the steps below:

  1. Go to the Plugins section on your WordPress.
  2. Press the "Add New" button at the top of section.
  3. Press the "Upload Plugin" button, and then select the zipped file downloaded previously.
  4. Finally, install and activate the plugin.

The plugin generates the menu option "Calculate Fields Form > Progress Bar". The new page allows you to register your copy of the plugin to receive the updates directly on your WordPress, instead of download and install them manually. Furthermore, this page allows deactivating the plugin completely, deleting its database and options.

To register the plugin go to the menu option: "Calculated Fields Form > Progress Bar", enter the email address used to purchase the plugin, and then press the "Register" button.

Registration Page
Plugin Registration.

The plugin adds a new section in the forms' settings, titled: "Progress Bar", to include a progress bar in the form.

This section includes a checkbox for enabling/disabling the progress bar in the form and the types list to select the progress bar layout. The bars alternatives are Progress Bar, Pages Numbers, and Pages Titles. Furthermore, it is possible to hide the "Page X of Y" labels.

Based on the choice selected, the plugin activates other attributes to configure the progress bar.

The "Progress Bar" option enables the attributes, Progress bar color, Progress bar path color, Shadow, and the bar corners.

Progress Bar
Progress Bar.
Progress Bar Settings
Progress Bar Settings.

The "Pages Numbers" option enables the attributes, Background color, Numbers color, Current page background color, and Current page number color.

Numbers Bar
Numbers Bar.
Numbers Bar Settings
Numbers Bar Settings.

The "Pages Numbers Circled" option enables the attributes, Background color, Numbers color, Border color, Outline color, Current page background color, Current page number color, Current page line color, and the Line color to connect the pages icons.

Numbers Circled Bar
Numbers Circled Bar.
Numbers Circled Bar Settings
Numbers Circled Bar Settings.

The "Pages Titles" option enables the attributes, Pages titles (enters one title per line), Separator symbol (to separate the bar items), Titles color, and the Current page title color.

Titles Bar
Titles Bar.
Titles Bar Settings
Titles Bar Settings.

Screenshots

Progress Bar
Progress Bar.
Numbers Bar
Numbers Bar.
Titles Bar
Titles Bar.
Registration Page
Registration Page.
Progress Bar Settings
Progress Bar Settings.
Numbers Bar Settings
Numbers Bar Settings.
Titles Bar Settings
Titles Bar Settings.

9.99€

One time purchase

Details

Version 1.2.2
Last updated 2024/02/25
Category Form Features

Compatibility

CFF Free All
CFF Professional All
CFF Developer All
CFF Platinum All
Tested up to WP 6.5