Module
Utilities

Easy Progress Bar

Progress Bar Module for Joomla

Try live demo
  • Instant access Ready to install right after checkout
  • One-click updates New releases install from the Joomla administrator
  • Lifetime option Pay once and keep future releases
  • 30-day guarantee Full refund if it is not the right fit
  • Version 1.5 Updated 2 months ago
  • Works with Joomla 4, 5 and 6
  • PHP 8.1 or later recommended
  • Downloads 3.2K+
  • 5.0 rating See the reviews

Features

What can Easy Progress Bar do for you?

Ten feature areas, one install package for Joomla 4, 5 and 6.

  • List, Cards & Radial

    Three Modern Layouts

    • Choose the right presentationUse a compact list, a polished card grid, or responsive radial circles for skills, milestones, analytics, and goals.
    • Flexible columnsSelect one to four desktop columns with automatic tablet and mobile adaptation.

  • Designed to Match

    Four Ready-Made Themes

    • Light, Dark, Soft, and BrandStart with a professionally balanced theme and tailor it to your website.
    • Practical design controlsAdjust track colour, accent colour, corner radius, item spacing, and individual bar height.

  • Flexible Visual Styles

    Solid, Gradient & Striped Bars

    • Style every metricChoose solid fills, two-colour gradients, or striped bars with an optional moving pattern.
    • Individual coloursGive every progress item its own start and end colours for clear visual grouping.

  • Motion with Purpose

    Smooth Reveal Animation

    • Viewport or page-load revealStart animation as the module becomes visible or immediately when the page loads.
    • Fine controlConfigure duration, stagger, easing, and animated value counters. Each reveal runs once and stops at the exact target.

  • More Than Percentages

    Values That Fit Your Data

    • Custom values and suffixesUse whole or decimal values from 0 to 100 and append %, points, /100, or another short suffix.
    • Three value positionsPlace values beside the title, inside the fill, or after the track without squeezed text.

  • Build Any Scorecard

    Repeatable Progress Items

    • Add and reorder with easeCreate multiple items from a repeatable Joomla field, then arrange them in the required order.
    • Useful supporting contentEvery item can include a title, description, value, suffix, height, and colours.

  • Desktop to Mobile

    Responsive by Default

    • No fixed-width layoutsCards, lists, and radial metrics adapt automatically to the available module position.
    • Stable visual outputBars preserve their configured values and labels across desktop, tablet, and phone widths.

  • Inclusive UI

    Accessible Progress Indicators

    • Meaningful semanticsProgress elements expose accessible labels, minimum, maximum, and current values.
    • Motion preferences respectedAnimation automatically stops for visitors who enable reduced motion.

  • Lightweight & Maintainable

    Modern Joomla Architecture

    • Built for Joomla 4, 5, and 6Version 1.5 uses namespaced services, a module dispatcher, helper classes, and Joomla's Web Asset Manager.
    • No legacy dependenciesThe frontend uses one CSS file and one deferred vanilla JavaScript file—no jQuery or Waypoints.

  • Made for Real Websites

    Five Marketing-Ready Demos

    • See practical use casesExplore Modern Cards, Project Milestones, Dark Analytics, Circular Goals, and Team Scorecards.
    • Copy proven combinationsEach demo highlights a distinct layout, theme, bar style, value position, or animation setup.

Changelog

What's new

4 releases since version 1.1. Updates install from the Joomla admin with a valid licence.

    • Added support for Joomla 4, Joomla 5, and Joomla 6 with modern PHP.
    • Added Compact List, Modern Cards, and Radial Circles layouts.
    • Added responsive one, two, three, and four-column options for Cards and Radial layouts.
    • Added Light, Dark, Soft, and Brand themes.
    • Added Solid, Gradient, and Striped horizontal bar styles.
    • Added configurable track colour, accent colour, corner radius, and item gap.
    • Added individual start colour, gradient end colour, and bar height for every progress item.
    • Added responsive layouts for desktop, tablet, and mobile module positions.
    • Added optional section heading and introduction.
    • Added decimal value support with validation from 0 to 100.
    • Added custom value suffixes such as %, pts, and /100.
    • Added value positions beside the title, inside the bar, or after the bar.
    • Added configurable empty-state text.
    • Added viewport and page-load animation triggers.
    • Added configurable duration, item stagger, and easing.
    • Added animated numeric count-up values.
    • Added optional moving stripes for the Striped style only.
    • Added progressive enhancement so final values remain visible without JavaScript.
    • Added automatic support for reduced-motion browser preferences.
    • Added progressbar roles, accessible labels, minimum, maximum, and current values.
    • Added semantic heading selection using H2, H3, or H4.
    • Added unique IDs for multiple module instances on the same page.
    • Added stronger item, number, colour, layout, and CSS validation.
    • Added sanitisation for administrator-provided custom CSS.
    • Added conditional fields so administrators only see options relevant to the selected layout and style.
    • Added five marketing demos: Modern Cards, Project Milestones, Dark Analytics, Circular Goals, and Team Scorecards.
    • Added consistent variant navigation across the overview and demo pages.
    • Rebuilt Easy Progress Bar with a Joomla services provider, namespaced Dispatcher, and dedicated Helper.
    • Replaced legacy jQuery and Waypoints code with lightweight vanilla JavaScript and IntersectionObserver.
    • Integrated CSS and JavaScript through Joomla's Web Asset Manager.
    • Expanded repeatable progress items with title, description, value, suffix, height, and two colours.
    • Changed horizontal fills to width-based animation so inside labels remain sharp and unsqueezed.
    • Ensured solid and gradient bars stop completely after reaching their target values.
    • Improved rendering consistency across current Chrome, Firefox, Safari, and Edge releases.
    • Reorganised settings into Content, Layout & Design, Animation, and Advanced tabs.
    • Removed obsolete frontend files, legacy classes, and unused dependencies.

Docs & setup

Get up and running fast

Written guides for installing and configuring Easy Progress Bar, from first setup to the options that matter.

  • Installation stepsOne install zip for Joomla 4, 5 and 6, installed from System, Install, Extensions.
  • Configuration optionsThe settings in the guide, from first setup to the options that matter.
  • Practical usage tipsShort examples you can adapt to your site.
Open documentation Ask a question

Pricing

Choose the plan that fits

Save more as you scale — longer access means a bigger discount.

Compatible with
Joomla 4 Joomla 5 Joomla 6
6 Months
6 months access with priority support & bug fixes. Perfect for short-term projects and growing businesses.

$9

Download Access - 6 Months
Support - 6 Months + Priority Updates
2 Websites License
Unlimited Downloads
Priority Email Support
Priority Bug Fixes
6 Months Free Updates
30-Day Money Back Guarantee
Commercial Use License
Recommended
1 Year
Full year access with VIP support channel. Fastest response time & priority feature requests. Best value!

$18

Download Access - 1 Year
Support - 1 Year + VIP Support Channel
3 Websites License
Unlimited Downloads
VIP Support Channel
Priority Feature Requests
Fastest Response Time
1 Year Free Updates
30-Day Money Back Guarantee
Commercial Use License
Pay once
Lifetime
Lifetime access with dedicated support agent. Never pay again - unlimited updates & custom development support included.
$980

$49

You save 95%
Download Access - Lifetime
Support - Lifetime + Dedicated Support
Unlimited Websites License
Unlimited Downloads
Dedicated Support Agent
Lifetime Free Updates
Feature Request Priority
Custom Development Support
30-Day Money Back Guarantee
Commercial Use License

Why buy here

Why JoomlaX

  • Built, maintained and supported by one team Every product sold on JoomlaX is developed, maintained and supported by Infyways, building Joomla solutions since 2010.
  • Ready for Joomla 4, 5 and 6 118 extensions support Joomla 5 and 6, and 114 support Joomla 4. Each product page lists the versions it works with.
  • One-click Joomla updates Regular updates and feature improvements for licensed customers, delivered straight to your Joomla admin.
  • Support from the developers Tickets go straight to the developers. First replies within 24 business hours.

All-access bundle

Unlock every JoomlaX extension in one plan

Get all 120 extensions, new releases, ongoing updates and full-time support. Bought one by one, a year of updates for every extension costs over $4,700.

  • Basic

    Ideal for small projects and personal sites

    $249/ 6 months

    Save 91% · $2,900+ value

    • Access to 120 extensions
    • Access to new extensions during period
    • 3 websites license
    • 6 months support and updates
    • Unlimited downloads and domain activations
    • Full-time expert technical support
    Buy Basic plan

    30-day money-back guarantee

  • Most popular

    Premium

    Best for growing businesses and web agencies

    $349/ 1 year

    Save 92% · $4,700+ value

    • Access to 120 extensions
    • Access to new extensions during period
    • 5 websites license
    • 1 year support and updates
    • Unlimited downloads and domain activations
    • Priority full-time technical support
    Buy Premium plan

    30-day money-back guarantee

  • Developer

    For professional developers and multi-client agencies

    $749/ one-time

    Pay once · keep forever

    • Access to 120 extensions
    • Access to all future new extensions
    • Unlimited websites license
    • Lifetime support and updates
    • Unlimited downloads and domain activations
    • VIP priority full-time technical support
    Buy Developer plan

    30-day money-back guarantee

FAQ

Questions about Easy Progress Bar

Still unsure? Our support team is one ticket away.

Which Joomla versions does Easy Progress Bar support?

Easy Progress Bar supports Joomla 4, Joomla 5, and Joomla 6. It uses Joomla's namespaced services architecture and Web Asset Manager. PHP 8.0 or newer is recommended.

Which progress layouts are included?

You can choose Compact List, Modern Cards, or Radial Circles. Card and radial layouts support one to four desktop columns and adapt automatically for tablets and phones.

Can each progress item have different colours and content?

Yes. Every item can have its own title, description, value, suffix, bar height, start colour, and gradient end colour. Items can also be added and reordered through the repeatable Content field.

Can I display something other than a percentage sign?

Yes. The suffix is configurable for every item. You can use %, pts, /100, or another short label. Values may be whole numbers or decimals between 0 and 100.

Where can the numeric value be displayed?

For horizontal bars, place the value beside the title, inside the coloured fill, or after the track. You can also hide values completely. Radial layouts display the value inside the circle.

How does the animation work?

Animation can start when the module enters the viewport or when the page loads. You can configure duration, delay between items, easing, and count-up values. Each fill animation runs once and stops at its configured target.

Why do stripes continue moving after the bar fills?

The optional Move Stripe Pattern setting creates continuous movement for the Striped bar style. Disable that setting in the Animation tab when you want static stripes. Solid and gradient bars stop after their reveal animation.

Does the module respect reduced-motion preferences?

Yes. Easy Progress Bar detects the browser's reduced-motion preference and displays the final values without animated movement. The content also remains visible at its configured values when JavaScript is unavailable.

Does Easy Progress Bar require jQuery or Waypoints?

No. Version 1.5 uses lightweight vanilla JavaScript, modern CSS, IntersectionObserver, and Joomla's Web Asset Manager. It has no jQuery or Waypoints dependency.

Can multiple Easy Progress Bar modules appear on one page?

Yes. Every module instance receives a unique identifier and initializes independently, so you can use different layouts, themes, items, and animation settings on the same page.

Why does a bar stop before the end of its track?

The fill stops at the value configured for that item. For example, a value of 54 produces a 54% fill. Set the value to 100 when the bar should fill the entire track.

What should I do if old styles remain after updating?

Clear the Joomla cache, template optimisation cache, CDN cache, and browser cache. Then open the module, review the new Content, Layout & Design, Animation, and Advanced tabs, and save it once.

Help from the people who built it

Company

Services

Support

Terms