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:
