JO Animated Number is a lightweight, responsive Joomla module that displays an animated numeric value with optional prefix, along with a dynamic visual indicator â either a circular progress ring or a modern 20-step signal bar. Built using pure JavaScript and SVG, it supports smooth, synchronized animations for counters, colors, and timing â all controlled directly from the module settings.
Perfect for showcasing stats, performance indicators, loading percentages, or signal strength â this module brings life to your numbers with style and flexibility.
Key Features:
â
Two Animation Types: Choose between Circular Progress or Signal Bars.
â
Animated Counter: Smooth number increment from 0 to target number
â
Fully Customizable Styling: Set font sizes and colors for title, number, and prefix
â
Animation Duration Control: Define animation time in milliseconds
â
Start Animations When Visible: Animations only start when the user scrolls to the relevant section.
â
Prefix Support: Add a unit, currency, or label before or after the number
Frontend Demo:
Check the modules at the top of the header image đ
Backend Screenshot:
