Dynamic Progress Bar for Elementor self-updates
Dynamic Progress Bar for Elementor — Custom widget with Google Sheets integration
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/ofelpsweb/pluginwordpress/archive/refs/heads/main.zipShips its own WordPress updater (Plugin Update Checker), so new versions show up under Dashboard → Updates.
A dynamic progress bar widget for Elementor with Google Sheets integration. Track ticket sales, goals, and more in real time.
Description
Dynamic Progress Bar adds a custom progress bar widget to Elementor that connects to Google Sheets for live data.
Use cases:
- Track ticket sales for events (1st batch, 2nd batch, etc.)
- Crowdfunding/donation goal tracking
- Any goal that updates in a spreadsheet
Features:
- Google Sheets API integration (reads cell value or counts rows)
- Auto-refresh via AJAX (configurable interval)
- Server-side caching (WordPress transients)
- Full Elementor Style tab (colors, gradient, height, border radius, typography)
- Scroll-triggered animation
- Striped/animated stripe effects
- Multiple display formats: percentage, fraction, current count, remaining
- Manual (static) mode for non-Sheets usage
Installation
- Upload the
elementor-progress-barfolder to/wp-content/plugins/. - Activate the plugin in WordPress.
- Go to Settings → Dynamic Progress Bar and enter your Google Sheets API Key.
- In Elementor, search for "Dynamic Progress Bar" in the widget panel.
Setup Google Sheets API
- Go to Google Cloud Console.
- Create a project (or select existing).
- Enable the Google Sheets API.
- Go to Credentials → Create Credentials → API Key.
- Restrict the key to Google Sheets API only (recommended).
- Share your spreadsheet with "Anyone with the link" as Viewer.
- Paste the API Key in the plugin settings.
Changelog
1.0.0
- Initial release.
- Google Sheets cell value and row count modes.
- AJAX auto-refresh with configurable interval.
- Full Elementor Content/Style/Advanced tabs.
- Scroll animation, striped bar, gradient support.