TutorialGravity Forms Progress Text and Progress Bar

Tutorials » GFChart » Gravity 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

Advanced Merge Tags
This Gravity Forms Add-On adds extra Merge Tag modifiers (and a lot of power). From the most common used functions like capitalize and length to changing date formats.

List Number Format
With this Gravity Forms Add-on you can change List Field columns into a number field, do calculations within a row or column. Extra merge tags are available with total counts of columns.

JWT Prefill
Create JSON Webtokens to populate fields in your Gravity Form. With a secure key you can validate the data you don’t want to be tampered with.

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.

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.

Update Multiple Entries
Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.

List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.

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

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.

Read more tutorials about GFChart

Pie Chart Gravity Forms

Do you want to create Pie Charts based on your Gravity Forms entries? GFChart provides options to create normal, Donut and 3D styled Pie Charts. You can configure and customize your Pie Chart in a convenient shortcode builder.

Bar Chart Gravity Forms

Do you want to show data from your Gravity Forms in a (complex) Bar Chart? There is only one plugin you should use: GF Chart. You can easily make Bar charts (even very complex ones) from the data visitors of your website filled in on your website.