thin_progress_bar 1.0.0

A first stable release of the Thin Progress Bar module for Drupal! This module provides a smart, unobtrusive loading indicator that only appears when your visitors actually need it.

✨ What's New
Core Features

• Smart Loading Detection - Progress bar only shows when page loads exceed configurable threshold (default: 800ms)
• Ultra-Thin Design - Choose between subtle 1px or 2px thickness
• Customizable Appearance - Match your site's branding with color picker and animation options
• AJAX Support - Works seamlessly with Drupal's AJAX system
• Zero Configuration Required - Works out-of-the-box with intelligent defaults

Technical Highlights

• Drupal 11 Ready - Built with modern Drupal APIs and best practices
• Performance Optimized - Lightweight code with minimal impact on page speed
• Mobile Friendly - Responsive design that works on all devices
• Admin Toolbar Compatible - Proper positioning with Drupal's admin interface

/ul>

🚀 Key Benefits
For Site Visitors

• • Clean Experience - No distracting flashes during fast page loads
  • Helpful Feedback - Visual indication during genuinely slow loads
  • Professional UX - Modern loading patterns that users expect
  • For Site Builders
• • Easy Setup - Install and forget - it just works
  • Flexible Configuration - Fine-tune timing and appearance to match your needs
  • No Performance Impact - Efficient code that won't slow down your site

📋 Installation
Download and install the module:

bash
drush en thin_progress_bar


That's it! The module works immediately with smart defaults.

(Optional) Customize settings at /admin/appearance/settings

⚙️ Configuration Options

• Timing Controls
• Slow Load Threshold: 100ms - 5000ms (default: 800ms)
• Animation Speed: Fast (1.2s), Normal (2.5s), or Slow (4s)
• Appearance Settings
• Thickness: Thin (2px) or Ultra-Thin (1px)
• Color: Any hex color to match your theme
• Enable/Disable: Toggle for page loads and AJAX separately
• Drupal Compatibility: 11.x
• Dependencies: None (pure Drupal core)
• JavaScript: Modern ES6+ with Drupal Once API
• CSS: Minimal, efficient styling
• Accessibility: Non-intrusive, screen-reader friendly

# Visit your site - progress bar works automatically!
# Only shows when page loads take longer than 800ms