# chieffancypants/angular-loading-bar

A fully automatic loading / progress bar for your angular apps.

Repository: https://github.com/chieffancypants/angular-loading-bar
Canonical: https://ross.abutalabs.com/products/angular-loading-bar
Homepage: https://chieffancypants.github.io/angular-loading-bar/
Language: JavaScript
License: MIT
License Family: permissive
Archived: true
Last push: 2023-08-18T22:06:21+00:00

## Health v2 (maintenance only)
Score: 10/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 4741, "days_push": 1111, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, archived
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5114, forks 662 (observed 2026-08-28T04:09:10.783123+00:00)

## What it is
A drop-in AngularJS 1.2+ module that automatically displays a loading/progress bar (with an optional spinner) whenever $http/XHR requests are in flight. It uses Angular interceptors to bundle concurrent requests and update progress without any manual state management, shipping as a tiny 2.4Kb JS file plus CSS with no jQuery dependency.

## Use cases
- show a loading bar automatically during ajax requests in angular
- automatic progress bar for http calls in angularjs app
- display a spinner while waiting for xhr responses
- loading indicator for many services making independent api requests
- track progress of multiple simultaneous xhr requests
- add a top loading bar without manual state management

## When to choose
- You have an AngularJS 1.x app and want a zero-configuration loading indicator for all $http requests
- You have multiple loosely-coupled services making independent XHR calls and don't want to wire up loading state by hand
- You need a tiny, jQuery-free, CSS-styled progress bar with optional spinner and 100% test coverage

## When to avoid
- You're building with modern Angular (2+) rather than AngularJS 1.x
- Your requests bypass $http (e.g., fetch or third-party clients), since interceptors won't see them
- You need highly custom or per-request loading UI beyond a top bar and spinner

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, animation
- domain: web-development, frontend
- platform: browser
- tags: angularjs, loading-bar, progress-bar, xhr-interceptor, http-interceptor, spinner, zero-config

## Member repositories
- chieffancypants/angular-loading-bar (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:10.783123+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:02:07.985935+00:00, confidence not recorded.
  - readme: https://github.com/chieffancypants/angular-loading-bar (fetched 2026-08-28T04:09:10.783123+00:00, sha bdfe9996ae9e)
  - homepage: https://chieffancypants.github.io/angular-loading-bar/ (fetched 2026-08-29T08:57:07.383718+00:00, sha 7a3fb15bb9b9)
  - registry_npm: https://registry.npmjs.org/angular-loading-bar (fetched 2026-08-29T08:57:07.386126+00:00, sha 200e7121946c)
- Data as of 2026-08-30T08:39:29.467469+00:00.