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

782

MIT

TypeScript

2.63 kB

11,235,775 3

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 Score

95.3

Supply Chain

89.4

Quality

76.8

Maintenance

100

Vulnerability

100

License

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

11,235,775

Last Day

7,033

Last Week

43,730

Last Month

182,905

Last Year

2,144,941

GitHub Statistics

MIT License

782 Stars

164 Commits

83 Forks

13 Watchers

2 Branches

9 Contributors

Updated on Apr 09, 2025

Bundle Size

12.03 kB

Minified

2.63 kB

Minified + Gzipped

Bundlephobia

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

11,235,775

Last Day

27.5%

7,033

Compared to previous day

Last Week

12.1%

43,730

Compared to previous week

Last Month

-6.1%

182,905

Compared to previous month

Last Year

1.4%

2,144,941

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

Binary-Artifacts

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

10

Dangerous-Workflow

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

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.

1

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

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

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

0

Fuzzing

Determines if the project uses fuzzing.

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

3

/10

Last Scanned on 2025-05-05

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

Score

Pull Requests

1

61

11

49

Issues

3

143

140

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

12.03 kB

2.63 kB

Maintainers

Package Meta Information

Total Downloads

11,235,775

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

1

0

0

0

0

0

0

0

0

0

3

/10

2. Import the `LoadingBarModule`:

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