Add Progress Bars to Your Forms in WordPress

Show form, tab, upload, or custom progress in your forms in WordPress.

  • Form progress Show completed required fields automatically.
  • Tab progress Represent progress through the tabs of a form.
  • Upload progress Show submission progress with a file upload field.
  • Custom progress Control the bar with calculated fields, conditional logic, or JavaScript.
  • Progress variables Use progress values in help text.
  • Multi-tab support Add a progress bar to each tab.

Add a progress bar to your form in WordPress to show visitors how far they have progressed. WS Form supports form progress, tab progress, upload progress, and custom progress.

For multi-tab forms, you can add a progress bar to each tab. The bar shows the overall progress of the entire form across all tabs.

You can also control a progress bar manually with calculated fields, conditional logic, or your own JavaScript. Help text supports progress variables such as #progress and #progress_percent.

  • Track required fields

    When set to Form Progress, the progress bar automatically shows form progress based on completed required fields.

  • Show tab progress

    Use Tab Progress to represent how far a user is through the tabs of a form.

  • Display upload progress

    Use Upload Progress to show the progress of a form submission when a file upload field is used.

  • Set custom values

    Choose No source to manually set the progress bar value using conditional logic or your own JavaScript.

  • Works across tabs

    On forms with multiple tabs, you can place a progress bar on each tab while showing overall form progress across all tabs.

  • Use progress variables

    Help text can include progress variables such as #progress, #progress_percent, #progress_remaining, and #progress_remaining_percent.

  • Adjust the default value

    Set a numeric default value from 0 to 1, or leave it blank to start at 0.

  • Style and accessibility

    Change the design with Styles settings and set an ARIA label for accessible text.

Real Customer Reviews

Trusted by thousands of WordPress professionals.

  • Easy to setup and use, Perfect for our needs!

    RRF Web Servant
  • The developer has been absolutely fantastic. The response time for support is quick, unlike some one the other form plugins I have used.

    robbiebott
  • The best form builder for WordPress I’ve come across. Clear and editable. Technical support is very flexible.

    Martin Ratiborsky

Frequently Asked Questions

What types of progress can a WS Form progress bar show?

A progress bar can be configured to show form progress, tab progress, upload progress, or custom progress.

Can I use a progress bar on multi-tab forms?

Yes. For forms that have multiple tabs, you can add the progress bar to each tab. It shows the overall progress of the entire form across all tabs.

Can a progress bar show file upload progress?

Yes. Upload Progress shows the progress of a form submission when used in conjunction with a file upload field.

Can I control the progress bar manually?

Yes. When No source is set, you can manually set the progress bar value using conditional logic or another JavaScript source of your choice.

What values does the progress bar use by default?

Progress bars are usually set with a value from 0 to 1. If the default value is left blank, it is set to 0. The maximum value defaults to 1 if left blank.

Can I show progress information in help text?

Yes. Help text supports progress variables including #progress, #progress_percent, #progress_remaining, and #progress_remaining_percent.

How do I add a progress bar in WS Form?

Add a Progress field to your form, then edit its settings to choose the source, default value, help text, styles, and other options. You can learn more here: Progress Field.