@kken94/ngx-progress

NgxProgress is customizable Angular library for showing a progress bar during http request and/or routing change (or all you want) and prevent user interaction.

Changelog

Please read the changelog

Installation

If you use npm

npm install @kken94/ngx-progress --save

If you use yarn

yarn add @kken94/ngx-progress

Usage

Choose the most suitable module for you.

There are two modules:

• NgxProgressModule (manage progress bar by yourself)
• NgxProgressHttpModule (import progress bar and intercept http requests)

Warning: to use http module import that in your app.module.ts, then import NgxProgressModule where you want to use progress bar.

import { NgxProgressHttpModule } from '@kken94/ngx-progress'@NgModule({  declarations: [AppComponent]  imports: [    NgxProgressHttpModule,    ...  ],  bootstrap: [AppComponent],})export class AppModule {}

and place it into the element you want to cover.

Note: If you want to use overlay be sure that the parent element has position:relativeOverlay works with position:absolute, top:0, left:0

<div style="position: