MARKETPLACE
PLUGINS
BASIC PROGRESS BAR
Basic Progress Bar logo

Basic Progress Bar

Published August 2026
   •    Updated this week

Plugin details

A fully customizable animated progress bar that works correctly inside Repeating Groups. Fixes race conditions, timer leaks, and DOM scoping issues present in the original implementation.

Free

For everyone

stars   •   0 ratings
4 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Lucas Mansueto logo
Lucas Mansueto
Joined 2023   •   2 Plugins
View contributor profile

Instructions

1. Place the Custom Progress Bar element on your page or inside a Repeating Group. 2. Set 'Current Value' to the dynamic value from your data source.
3. Set 'Total Value' to the maximum value.
4. Adjust colors, animation duration, and padding as needed.
5. For vertical bars, enable 'Vertical Bar' and adjust the element height.

Fixes applied over original plugin:
- Removed $(document).ready() from update() — this was the root cause of the first-cell double-animation bug.
- All timers (setInterval, setTimeout) are stored on instance.data and cancelled at the start of every update() call.
- DOM nodes are resolved via instance.canvas.find() instead of document.getElementById() to prevent cross-cell ID collisions inside Repeating Groups.
- The wrapper div now enforces position:relative and overflow:hidden so position:absolute children (bar, track) are correctly contained.
- The _running guard is stored on instance.data (not a local variable) so it survives across update() calls.
- Scale starts at 0 to prevent the instant-clear bug when percentage < scale.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element

Categories

This plugin can be found under the following categories:
Visual Elements   •   Technical   •   Analytics   •   Chart   •   Productivity

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble