An all-in-one and fully customizable loader/spinner for Angular applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.
npm install ngx-ui-loader
An all-in-one and fully customizable loader/spinner for Angular applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.
- Support custom template (>= ngx-ui-loader@9.1.0).
- Support multiple loaders (>= ngx-ui-loader@7.1.0).
- Show foreground loader with progress bar
- The page content can be blurred/frosted while showing foreground loader. See NgxUiLoaderBlurred directive for more details
- Automatically show loader for router events. See NgxUiLoaderRouterModule for more details
- Automatically show loader for http requests. See NgxUiLoaderHttpModule for more details
Live demo here.
Install ngx-ui-loader via NPM, using the command below.
``shell
$ npm install --save ngx-ui-loader
$ yarn add ngx-ui-loader
`
| Angular | Installation | Documentation |
| ------------- | ----------------------------------- | --------------------------------------------------------------------- |
| Angular 19 | npm i --save ngx-ui-loader | v19.x.x |npm i --save ngx-ui-loader@18.0.0
| Angular 18 | | v18.x.x |npm i --save ngx-ui-loader@17.0.0
| Angular 17 | | v17.x.x |npm i --save ngx-ui-loader@16.0.1
| Angular 16 | | v16.x.x |npm i --save ngx-ui-loader@15.0.0
| Angular 15 | | v15.x.x |npm i --save ngx-ui-loader@14.0.0
| Angular 14 | | v14.x.x |npm i --save ngx-ui-loader@13.0.0
| Angular 13 | | v13.x.x |npm i --save ngx-ui-loader@11.0.0
| Angular 11 | | v11.x.x |npm i --save ngx-ui-loader@10.0.0
| Angular 10 | | v10.x.x |npm i --save ngx-ui-loader@9.1.1
| Angular 9 | | v9.x.x |npm i --save ngx-ui-loader@8.0.0
| Angular 8 | | v8.x.x |npm i --save ngx-ui-loader@7.2.2
| Angular 6 & 7 | | v7.2.x |npm i --save ngx-ui-loader@1.2.5` | v1.x.x |
| Angular 4 & 5 |