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

Field to Entries

Create entries based on Checkboxes & Multi Select choices & List Field rows.

List Dropdown

Add a Dropdown Select with choices to a column or multiple columns in a Gravity Forms List Field.

DateTime Field

The GravityWP - DateTime Field add-on adds a dedicated Date/Time field to Gravity Forms so users can enter both a date and a time in a single input.

Entry to Database

Integrates Gravity Forms with internal or external databases, offering flexible mapping of form fields to database columns and real-time synchronization between entries and database rows.

See all add-ons

Read tutorials about

Gravity Forms Discount Code Field: Apply Fixed or Percentage Discounts in a Form

Learn how to create a Gravity Forms discount code field that applies fixed or percentage discounts. This tutorial shows how to calculate subtotals, discount amounts, and final totals using tested form logic.

Gravity Forms Zoom Integration: Create Zoom Meetings From Booking Forms

Learn how to connect Gravity Forms to Zoom without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to create Zoom meetings from booking form submissions and save the returned meeting details back to Gravity Forms.

Gravity Forms monday.com Integration: Create New Items From Form Submissions

Learn how to connect Gravity Forms to monday.com without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to create new monday.com items from form submissions and save the returned monday.com item ID back to Gravity Forms.

Gravity Forms Pipedrive Integration: Send Form Contacts to Pipedrive Without Zapier

Learn how to connect Gravity Forms to Pipedrive without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to send form contacts, custom fields, and the returned Pipedrive Person ID directly from WordPress to Pipedrive CRM.

See all tutorials