thin_progress_bar

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