Displaying Event Revenue Progress
Use this shortcode to display how much revenue an event has raised against a definable target. This dynamic shortcode pulls totals from Gravity Forms entries and displays a progress bar with optional customization.
What the Shortcode Displays
- Total amount raised (from Gravity Forms entries)
- Target amount (from the target revenue field)
- Percentage of goal reached (including values over 100%)
- Animated progress bar that changes color when the goal is reached
- Optional message when the goal is reached
Basic Usage
[gf_event_progress]Displays the revenue progress for the current post (event).
Using it on Other Pages or Posts
[gf_event_progress post_id=”123″]Use the post_id attribute to show progress for a specific event.
Customizing the Output
You can customize the display text using the label attribute. Available placeholders:
{raised}— The total raised{target}— The fundraising target{percent}— The percentage of the target reached{currency}— The currency symbol (from plugin settings)
Example:
[gf_event_progress label=”Raised {currency}{raised} of {currency}{target} ({percent}%)”]Changing Progress Bar Colors
You can set the color of the progress bar before and after the goal is reached using the color_before and color_after attributes.
Displaying a Goal Reached Message
Use the goal_message attribute to show a message (like Goal Reached!) when the target is reached or exceeded.
Setting the Fundraising Target
- Edit the event post.
- Add a target to the Revenue Target field.
- Update the post to save the target.
Styling Notes
The shortcode includes a progress bar styled with inline CSS. You can override or enhance it in your theme using these class names:
.gf-event-progress.gf-event-progress-bar.gf-event-progress-bar-fill.gf-event-goal-message