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

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.

Field to Entries

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

n8n Connector

Connect Gravity Forms to n8n and automate your workflows with secure, flexible, and powerful webhooks. Go beyond simple notifications and build advanced, two-way automations.

See all add-ons

Read tutorials about

How to Create a Public Submission Business Directory in WordPress (Gravity Forms + GravityView)

Build a moderated business directory where users submit listings through a form, admins approve entries, and approved businesses appear in a searchable GravityView directory.

How to Create an Event Workshop Registration + Waitlist System in WordPress

This guide shows how to set up a workshop registration + waitlist system in WordPress: register attendees until capacity is reached, waitlist the rest, approve entries, and auto-promote people when a seat opens using Gravity Forms, Gravity Flow, and GravityView.

Gravity Flow Form Submission Step Tutorial

The Gravity Flow Form Submission step pauses a workflow until another form is submitted, then continues once the handoff is complete. This guide shows how to connect two forms, prefill fields with mapping, send the correct secure link, and troubleshoot the most common “workflow didn’t move” issues.

Gravity Flow Delete an Entry Step Tutorial

The Gravity Flow Delete Entry step lets you trash or permanently remove Gravity Forms entries as part of a workflow. This guide covers the key settings, scheduling options (delay or date-based), and safe testing tips so you can follow retention and privacy rules with confidence.

See all tutorials