TutorialGravity Forms Progress Text and Progress Bar

Do you want to communicate progress in text on your site or show a progress bar based on your Gravity Forms entries? With the calculation and progress bar options in GFChart you can do that or with using the Count Add-on.

Example progress text

In the above text, we used our GravityWP – Count Add-on to count the number of released Add-ons and since we know our goal is 20, we know that every released add-on is 5%, so we can multiply our count of released add-ons by 5 to get the correct number. See here the code:

Currently, we released [gravitywp_count formid='1' filter_field='20' filter_operator='is' filter_value='released'] Add-ons. Say that our final goal is to release 20 Add-ons.  It means that we are [gravitywp_count formid='1' filter_field='20' filter_operator='is' filter_value='released']/20 = [gravitywp_count formid='1' filter_field='20' filter_operator='is' filter_value='released' multiply='5']% on the way. 

Example progressbar

For showing a progress bar on your site with information from Gravity Forms, you can the GFChart Add-on. Here you see the same example as in the above text, but with a progress bar:

Making a calculation in GFChart

In GFChart you first have to add a Calculation to count the number of (filtered) entries. You can also calculate other things, like the sum of a field (or a certain amount of money). It looks like this to make a calculation in GFChart:

Making a progress bar in GFChart based on calculation

After your calculation is configured, you can create a progress bar:

Our Premium add-ons for Gravity Forms

List Text

Add features like textarea, placeholder and custom validation to a column or multiple columns in a Gravity Forms List Field.

Advanced Number Field

Functionality for Number Fields, like rounding or only absolute numbers, fixed point notation, range calculation, custom units like % or m2 & show as slider.

API Connector

Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.

All Entries

All your new Gravity Forms entries in one central place. Stop navigating between multiple forms to find new entries. Get immediate oversight and full control with a powerful, unified dashboard.

See all add-ons

Read tutorials about

How to Validate Repeatable Contact Rows in Gravity Forms

Learn how to validate repeatable Gravity Forms List field rows with GravityWP List Text. This tutorial shows how to add email and regex validation, test invalid values, and confirm that valid team roster data is stored correctly.

Gravity Forms Airtable Integration: Create Records From Form Submissions

Learn how to build a Gravity Forms Airtable integration with GravityWP API Connector. Send form submissions to Airtable, create new records automatically, and save the returned Airtable Record ID and response back to Gravity Forms.

Gravity Forms Asana Integration: Create Tasks From Form Submissions

Learn how to connect Gravity Forms to Asana with GravityWP API Connector. This tested workflow creates Asana tasks from form submissions and saves the returned task ID and URL back to Gravity Forms.

Gravity Forms Google Calendar Integration: Create Events From Form Submissions

Connect Gravity Forms to Google Calendar with GravityWP API Connector. Learn how to create calendar events from form submissions, map event details, configure OAuth 2.0, handle time zones, and save the returned Event ID and URL.

See all tutorials