chieffancypants/angular-loading-barArchived
Angular Loading Bar
angular-loading-bar is a loading state manager and progress bar component for Angular applications. It provides a system for visualizing network request activity through an automatic loading indicator that monitors outgoing HTTP requests.
The project manages concurrent network requests by bundling multiple API calls into a single loading state, ensuring the indicator remains visible until the final request completes. It includes a latency threshold to delay the appearance of the loading bar, which prevents visual flashing during fast requests.
The system supports URL pattern filtering to exclude specific background or polling calls from triggering the UI. It also provides manual state control, allowing the loading indicator to be started or stopped programmatically for tasks independent of network monitoring.
Features
- Loading Progress Bars - Provides a visual loading progress bar for Angular applications that tracks asynchronous network requests.
- Outgoing Request Monitors - Monitors outgoing HTTP requests to provide real-time visual feedback on the status of data fetching.
- UI Request Bundling - Bundles multiple concurrent network requests into a single loading state to prevent multiple indicators from appearing.
- User Interface & Experience - Improves user experience by eliminating layout flicker during fast requests through latency thresholding.
- Application Loading State Managers - Provides a comprehensive system for managing and visualizing application loading states via automatic monitoring and manual triggers.
- Concurrent Request Visualizations - Bundles multiple concurrent API calls into a single loading state to simplify the perceived application performance.
- Request State Tracking - Tracks the number of active concurrent network requests to maintain the loading indicator until the final request completes.
- HTTP Request Interceptors - Implements an HTTP interceptor to automatically trigger and manage the loading state based on outgoing network requests.
- Loading Indicator Interceptors - Automatically triggers the loading progress bar by hooking into the Angular HTTP request pipeline.
- UI Trigger Filters - Supports URL pattern filtering to exclude polling or background calls from triggering the loading bar.
- UI Visibility Debouncing - Prevents the loading bar from flashing during very fast network requests by delaying its appearance until a threshold is reached.
- Loading Indicators - Provides configurable visibility controls for the loading indicator to prevent flickering during fast network responses.
- Manual Loading State Overrides - Allows developers to manually start or stop the loading indicator for non-network background tasks.
- Loading State Indicators - Allows programmatic control over the loading state indicators to reflect non-network background activity.
- Network Request Filters - Filters outgoing network requests by URL patterns to avoid triggering the loading bar for polling or background syncs.
