Using my extensions on your site?

Consider making a donation to support ongoing development and long-term maintenance.

JO Goal Progress

JO Goal Progress is a lightweight, highly configurable Joomla module for displaying goal-based progress bars — perfect for fundraising campaigns, donation drives, membership targets, sales goals, or any "X out of Y" metric you want to showcase on your site. Choose from six visual styles (Line, Circle, SemiCircle, Heart, Triangle, Square), fully customize the colors, numbers, and animation, and optionally add a deadline countdown and call-to-action button — all without touching a line of code. Built on the popular progressbar.js library for smooth, dependency-light SVG animation.

Key Features:

6 Progress Bar Styles — Line, Circle, SemiCircle, Heart, Triangle, and Square shapes, all SVG-based and smoothly animated.

Fully Customizable Colors — independent Bar Color, Trail Color, and Percentage Text Color pickers.

Adjustable Animation Speed — set the exact fill-in duration in milliseconds, or disable the animation entirely.

Smart Prefix/Suffix Text — add labels like "$", "Meals Funded", or "Supporters" before/after the Goal and Progress numbers, with automatic spacing (symbols glue to the number, words get a space).

Locale-Aware Number Formatting — independent Thousands Separator (None, US, UK, Germany, France, Switzerland) and Decimal Separator toggle for both the Goal and Progress values.

Optional Deadline Countdown — show days remaining (or overdue) until a target date, with customizable prefix/suffix text.

Optional Call-to-Action Button — configurable label, link, and CSS classes (e.g. Bootstrap button styles).

Header & Footer Text — add context or a call-to-action above/below the progress bar.

Custom CSS Field — drop in your own CSS, scoped per module instance, for pixel-perfect design control.

Toggleable "/" Separator — show or hide the divider between the Progress and Goal numbers.

Multiple Independent Instances — publish as many module instances as you like, each with its own goal, style, and settings.

Lightweight & Dependency-Light — powered by progressbar.js, no jQuery required.