A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
8399Jun 16, 2021Sep 1, 2016Minified + gzip package size for @ngx-progressbar/http-client in KB


A plug for HttpClient requests

Use this package to start and complete the progress bar on http requests, See HttpClient stackblitz

Install with npm

  npm install @ngx-progressbar/core @ngx-progressbar/http-client --save

Import NgProgressModule and NgProgressHttpClientModule

import { HttpClientModule } from '@angular/common/http';
import { NgProgressModule } from '@ngx-progressbar/core';
import { NgProgressHttpClientModule } from '@ngx-progressbar/http-client';

  imports: [
export class AppModule {

In your template


If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.