Progress Bars for Modx

Showcase Progress in a Beautiful, Animated, Visual Representation

Create Progress Bars
  • Matthew Brown
  • Sam Taylor
  • Madison Reed
  • Daniel Levy

loved by 350k+ businesses

Progress Bars for ModxProgress Bars for Modx settingsProgress Bars for Modx design
Marcela Soto, ReasonWhy

Marcela Soto, ReasonWhy

"Kudos to the Common Ninja team for delivering both an outstanding product and excellent customer service. I highly recommend them to anyone looking for a top-notch solution!"

Roberto Sterza, KRENDALL srl

Roberto Sterza, KRENDALL srl

"Support it's incredible: I have sent an email about a bug and the SAME day I got the fix. Outstanding support and amazing widgets!!!!!!!!!!"

Desert Barbell

Desert Barbell

"Yes yes yes. We were able to consolidate a lot of our web features through one service and one subscription. Lowered the cost of our site, looks and works great."

Why Should You Use the Progress Bars Widget ?

Progress Showcase

Your project (or projects) can be easily displayed using animated Progress bars widget by showing the progress of your project (or projects).

Presenting data visually with Progress bars for Modx

Animated Modx Progress bars widget can be customized to meet your needs. It is possible to visually present meaningful information to your users by using a multi-layout and gentle animations.

Use Progress bars to Encourage Action

For example, certain projects, like a campaign to collect donations, will greatly benefit from a visual representation of how much money has been collected by encouraging viewers to help complete the progress bar.

Modx Progress bars Various Layouts

There are some layouts you can choose from that can be customized to ensure that it fits your Modx website design and vision.

Progress Bars - Modx Progress bars Various Layouts

Selection of colorful skins for your Modx website

With so many beautiful skins to choose from for your Modx website, you can customize the Modx Progress bars widget. The skins are designed to complement most design color schemes and can be used to quickly and easily create a Progress bars widget for your Modx, website.

Progress Bars - Selection of colorful skins for your Modx website

Totally customizable widget

The animated Progress bars widget for Modx features full customization options so you can edit the design to fit your Modx website needs. Feel free to change the colors, the fonts, the spacing, and everything else!

Progress Bars - Totally customizable widget
Progress Bars - Display Multiple Bars

Display Multiple Bars

You can add multiple progress bars on your Modx website using the Horizontal Progress bars widget for Modx.

Progress Bars - Use Animation on [appname]

Use Animation on [appname]

A gentle "filling up" animation enhances the visual appeal of the Horizontal Progress Bar widget on your Modx website.

Progress Bars - It's easy to use

It's easy to use

There is no need to know any coding to use Progress bars [for Modx. In just a few clicks, you can customize widget according to your liking with our drag-and-drop dashboard.

Perfectly Responsive Design for your Modx website

Our Progress bars widget for Modx is designed to be fully responsive and will look fantastic on any device. Having this feature will ensure that you're ahead of your competitors in a mobile-first world.

Progress Bars - Perfectly Responsive Design for your Modx website

Using custom CSS with the Progress bars for Modx

Common Ninja's widgets allow you to add custom CSS to make the Progress bars widget your own.

Progress Bars - Using custom CSS with the Progress bars for Modx

Embedding Made Easy On Your Modx website

You can embed the Progress bars widget on your Modx website by simply copying and pasting one line of code. Each time you update the Modx Progress bars, it will also be updated automatically on your Modx website.

Progress Bars - Embedding Made Easy On Your Modx website

Trusted By

Billboard logoCNBC logoBlizzard logoBarstool Sports logoVox Media logoNATO logoACS logoCBC logowayfair logoPanasonic logoAtlassian logoFandom logoBenq logoBytedance logoFifa logoPWC logoPapaya logoQatar Airways logoNBC logoNexon logo

Why Should I Use Common Ninja's Widgets?

Reliable Support

We value our customers and offer top-notch support and quick reply times. You won’t be left hanging with a problem on your hands, we promise.

An Intuitive Editor

Our widgets come with a simple-to-use, intuitive editor that enables you to drag and drop elements within the widgets and edit them with absolute ease.

User Analytics Included

We add user analytics to each app so you can get valuable insights including the number of installations, impressions, views, engagement metrics and more!

Fully Customizable

Our widgets are fully customizable and offer a wide variety of design options for you to choose from. Fonts, colors, shapes, sizes and more — change any design element to fit your needs.

GDPR Compliant

We value your privacy and rights over personal data. To that end, all our widgets are GDPR and CCPA compliant to protect your privacy. You can learn more about our

Highly Secure

Our servers, code and API are constantly audited to make sure that our widgets are secure. We also reinforce this by creating widgets of high quality and by trusted developers.

Perfectly Responsive

Our widgets are fully responsive and will work on any device. In a mobile-first world, this feature gives you a strong advantage over competitors.

Continuous Improvement

We constantly work to improve our widgets and add new features and capabilities to them so that you can have everything you need at your fingertips.

No Coding Skills Required

Our widgets require absolutely no coding knowledge. Edit the app to your liking, copy its HTML code, and paste it where needed. That’s it.


Compatible With All Site Builders, E-Commerce Platforms and Websites

webflow logoshopify logowix logowordpress logobigcommerce logosqurespace logoweebly logojoomla logoduda logojimdo logomagento logoshift4hsop logounbounce logocarrd logo
View all supported platforms