npmpackage.info

Gathering detailed insights and metrics for @ngx-loading-bar/core

Other packages similar to @ngx-loading-bar/core

@vdumbrava/ngx-loading-bar-core

6.0.0

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1.

Gathering detailed insights and metrics for @ngx-loading-bar/core

@ngx-loading-bar/core - 7.0.0 | npmpackage.info

@ngx-loading-bar/core

Automatic page loading / progress bar for Angular

7.0.0

784

MIT

TypeScript

87.37 kB

2.9

Installations

npm install @ngx-loading-bar/core

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

20.17.0

NPM Version

10.8.2 Pull Requests

Open

1

Total

61

Closed

11

Merged

49

Issues

Open

3

Total

143

Closed

140

Releases

v7.0.0

Updated on Oct 13, 2024

v6.0.2

Updated on Feb 16, 2022

v6.0.0

Updated on Dec 23, 2021

v5.1.2

Updated on Apr 11, 2021

v5.1.1

Updated on Dec 05, 2020

v5.1.0

Updated on Jul 11, 2020

View All 9 releases

Languages

TypeScript

JavaScript

SCSS

HTML

TypeScript (88.05%)

JavaScript (5.33%)

SCSS (4.85%)

HTML (1.77%)

Developer

aitboudad

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

784 Stars

164 Commits

84 Forks

13 Watchers

2 Branches

9 Contributors

Updated on Jul 11, 2025

Maintainers

View All 9 Contributors

Package Meta Information

Latest Version

7.0.0

Package Id

@ngx-loading-bar/core@7.0.0

Unpacked Size

87.37 kB

Size

21.17 kB

File Count

NPM Version

10.8.2

Node Version

20.17.0

Published on

Oct 13, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

@angular/common rxjs

@ngx-loading-bar/core

A fully automatic loading bar with zero configuration for angular app (http, http-client and router).

1. Install @ngx-loading-bar/core

1  npm install @ngx-loading-bar/core --save

2. Import the `LoadingBarModule`:

1import { NgModule } from '@angular/core';
2
3import { LoadingBarModule } from '@ngx-loading-bar/core';
4
5@NgModule({
6  ...
7  imports: [
8    ...
9
10    LoadingBarModule,
11  ],
12})
13export class AppModule {}

3. Include `ngx-loading-bar` in your app component:

1import { Component } from '@angular/core';
2
3@Component({
4  selector: 'app',
5  template: `
6    ...
7    <ngx-loading-bar></ngx-loading-bar>
8  `,
9})
10export class AppComponent {}

5. Inject/Use LoadingBarService

1import { Component } from '@angular/core';
2import { LoadingBarService } from '@ngx-loading-bar/core';
3
4@Component({
5  selector: 'app',
6  template: `
7    ...
8    <ngx-loading-bar></ngx-loading-bar>
9    <button (click)="startLoading()">start</button>
10    <button (click)="stopLoading()">stop</button>
11  `,
12})
13export class App {
14  constructor(private loadingBar: LoadingBarService) {}
15
16  startLoading() {
17    this.loadingBar.start();
18  }
19
20  stopLoading() {
21    this.loadingBar.complete();
22  }
23}

Related packages

@ngx-loading-bar/router - Display loading bar when navigating between routes.
@ngx-loading-bar/http-client - Display the progress of your @angular/common/http requests.
@ngx-loading-bar/http - Display the progress of your @angular/http requests.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Packaging

Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.9

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @ngx-loading-bar/core

Other packages similar to @ngx-loading-bar/core

@ngx-loading-bar/core

Installations

Developer Guide

No

ESM

20.17.0

10.8.2

Pull Requests

1

61

11

49

Issues

3

143

140

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

@ngx-loading-bar/core

1. Install @ngx-loading-bar/core

2. Import the LoadingBarModule:

3. Include ngx-loading-bar in your app component:

5. Inject/Use LoadingBarService

Related packages

10

10

10

10

0

0

0

0

0

0

0

0

0

0

2.9

/10

2. Import the `LoadingBarModule`:

3. Include `ngx-loading-bar` in your app component: