NEW Progress Bar Pro , more than an animated line

[MultiThemes (Michelangelo)]

Hi everyone,

I’m happy to introduce another ‘Pro’ component, with a free version available in the store.

Progress Bar Pro extends beyond a simple scroll indicator, offering a flexible system of visual styles that can adapt to different layout needs and design contexts.

It includes classic progress bars, solid minimal styles, textured or image-based variants, aqua glossy designs, and motion-based bars with subtle animation. Demo project included

Each section contains ready-to-use examples

The component can also be used in more structured UI scenarios, such as navigation menus or footer-integrated layouts, where the bar becomes part of the page structure itself.

Menu + Bar

Additional templates explore alternative uses like progress-driven footer content, animated motion bars, and full demo page implementations that showcase real-world behavior and integration patterns. The examples in the demo project will grow over time, and all updates are free.

Footer + Bar

Fully responsive and highly adaptable, Progress Bar Pro adjusts both appearance and behavior across different devices, ensuring a consistent yet optimized experience on desktop and mobile. It fits naturally into both minimal and highly styled designs

Demo page

Options list here

Preview & visibility control, adjustable length and hide option.
Dropzone management with interaction, selection, overflow, and skew settings.
Flexible layout and positioning (offsets, alignment, width, layering).
Responsive sizing with standard and viewport-based height.
Progress bar styling with gradient or image, full control over colors, direction, scale, and opacity.
Animation system with speed, direction, repeat, and easing.
Background & visual effects including color, borders, radius, shadows, blur, and skew.
..and more

Available in the marketplace

Component in Promo!

Thanks to everyone for the support!

[dan]

Congrats on another awesome component launch

[MichaelDroste]

It really is nice I like it a lot…

[Massimo (RW Pro Space)]

Congrats @MultiThemes , a well made and very useful component!

[MikeV (Mike)]

Wallet is shaking again… Same problem as with @WeaverPixel… STOP making such awesome things jezus! XD

[WeaverPixel (Markus Haberkern)]

Cool stuff @MultiThemes

[MultiThemes (Michelangelo)]

Progress Bar Pro is AI-ready

This update makes this component fully compatible with the Elements AI Assistant. Every option now carries a clear, plain-language description, so the AI understands what each setting does, how the options work together, and the best way to use the component.

So, If you haven’t purchased Progress Bar PRO yet, now is the time to take a look at it; if you already have, make sure to update it.

BTW also the Free version is now AI ready

thanks!

[dan]

Nice work

[mrTablet (Bjørn Are Andreassen)]

@MultiThemes Where can I find the demo file for download? (Progress Bar PRO)

[MultiThemes (Michelangelo)]

You’ll find the demo project in the available projects panel when creating a new one.

This applies to all component demo projects.

[mrTablet (Bjørn Are Andreassen)]

@MultiThemes Is there a bug in the mobile menu of the demo file? I’m unable to adjust the submenu properly.

[MultiThemes (Michelangelo)]

This is a demo with many menus, and all of them have the mobile version pinned to the top. This isn’t a bug, but a unintended consequence of this demo page

I don’t usually put more than one menu on the same page the display depends on the order of the elements on the page; the one highest in the stack will always be on top.

[mrTablet (Bjørn Are Andreassen)]

Do you have any suggestions on where I can adjust this so that the submenu doesn’t appear behind the main menu?

[MultiThemes (Michelangelo)]

Have you tried using it on its own on another page? In that demo, the problem stems from the fact that there is more than one.

If I’ve misunderstood, though, just tell me which menu it is and I can check it.

thanks

[mrTablet (Bjørn Are Andreassen)]

I have tried the menu on my website..

If the slide-down menu could be placed on top of the main menu, the issue would be resolved. I haven’t been able to get it working. At the moment, it is being displayed behind the main menu.

It is this menu.

[MultiThemes (Michelangelo)]

I understand now; I apologize for the misunderstanding.

If I’m not mistaken, that is standard behavior for a navigation menu when it has a “fixed” position.

In the demo, I used an outer container (fixed) that holds both the bar and the menu (both in relative position).
If that isn’t the issue, please send me your menu via private message.

thanks

[mrTablet (Bjørn Are Andreassen)]

Thank you for the information. I changed the Position setting to None, and the problem seems to be resolved now.

[MultiThemes (Michelangelo)]

Perfect, let me know if you need help withProgress Bar