Thin progress bar
This module provides a smart, thin progress bar that only appears during slow page loads, reducing visual noise while offering loading feedback when necessary. It can be configured to adjust sensitivity and appearance, and works automatically out-of-the-box for a cleaner user experience.
Smart thin progress bar that only appears during slow page loads. Reduces visual noise while providing loading feedback when needed.
Why This Module?
Traditional progress bars often flash unnecessarily during fast page loads, creating visual noise without real benefit. This module solves that by intelligently detecting slow page loads and only showing the progress bar when users actually need loading feedback.
Smart Features
- Intelligent Timing - Only appears if page load exceeds configurable threshold (default: 800ms)
- Zero Visual Noise - Stays hidden during fast page loads
- Ultra-Thin Design - Choose between 1px or 2px thickness for minimal intrusion
- Smart AJAX Handling - Shows during AJAX operations when enabled
- Automatic Operation - Works out-of-the-box with no configuration required
- Performance Optimized - Lightweight code with minimal impact on page speed
Perfect For
- Content-heavy sites where some pages load slower than others
- E-commerce sites with complex product pages that need loading indicators
- Sites with third-party integrations that occasionally cause slow loads
- Any site wanting modern UX without constant progress bar flashes
- Mobile sites where network conditions vary
How It Works
- Monitors page load time behind the scenes
- Only activates if loading exceeds your configured threshold
- Shows smooth progress animation until page complete
- Automatically hides when loading finishes
- Stays completely hidden during fast page loads
Installation & Configuration
- Install normally - module works immediately with smart defaults
- Optional configuration at
/admin/appearance/settings - Adjust sensitivity - set threshold from 100ms to 5000ms
- Customize appearance - choose color, thickness, and animation speed
- Toggle features - enable/disable for page loads and AJAX separately
Technical Details
- Drupal 11 compatible
- No dependencies beyond Drupal core
- Modern JavaScript using Drupal's Once API
- Accessibility friendly - non-intrusive design
- Mobile optimized - works on all devices
- Admin toolbar compatible - proper positioning
What Makes This Different?
Unlike other progress bar modules that show on every page load, this module uses intelligent timing to only appear when actually needed. This means:
- ✅ No distracting flashes during normal browsing
- ✅ Real feedback when pages are slow to load
- ✅ Cleaner user experience
- ✅ More professional appearance
Support
This module is maintained by the Drupal community. Found it useful?
- Report issues and feature requests on the issue queue
- Contribute patches and improvements
- Share your use cases and success stories
- Help other users in the support threads
Quick Start
1. Download and enable the module
2. Visit your site - progress bar works automatically
3. Optional: Adjust settings at /admin/appearance/settings