rstacruz/nprogress
Nprogress
nprogress is a lightweight JavaScript UI component and web progress bar library. It provides a minimalist DOM progress indicator used to track the state of asynchronous operations within a browser document.
The library allows for the visualization of loading states through a thin progress bar and spinner. It supports progress state management, enabling the bar to be started, stopped, or marked as complete, with support for incremental progress tracking and percentage-based updates.
Users can modify the visual style by overriding default CSS or replacing the markup template. The component also supports custom mounting point configuration, allowing the progress bar to be attached to a specific parent container rather than the document body.
Features
- Progress Indicators - Provides a minimalist visual progress indicator for tracking asynchronous operations in the browser.
- UI Components - Ships as a lightweight JavaScript UI component for displaying loading progress.
- Asynchronous Task Visualization - Visualizes the status of background processes using a minimalist progress bar to keep users informed.
- Progress Bar Widgets - Provides a configurable loading indicator widget for tracking task completion status.
- Progress Bars - Provides a lightweight progress bar library for displaying loading states at the top of web pages.
- Loading Indicators - Implements slim loading bars at the top of the page to signal that content is being fetched.
- Programmatic - Supports updating the completion percentage or incrementing the bar by fixed amounts to reflect ongoing work.
- Single Page Applications - Visualizes transition progress between views in single-page applications to improve perceived performance.
- Progress Update Notifications - Provides mechanisms to update the loading bar using percentages or completion signals.
- Visual Style Customization - Enables modifying the visual style of the progress bar by overriding default CSS or replacing the markup template.
- Direct DOM Manipulation - Directly injects and manipulates HTML elements in the DOM to render the loading indicator.
- JavaScript Libraries - Slim progress bar for page loading states.
