We can display a progress bar at the start of every navigation and hide it when the navigation is complete. The Angular Router service gives us access to an Observable of all navigation events via its events property. We can subscribe to that Observable, and act accordingly depending on the type of the event.

Proper tools make application development quicker and easier to maintain if you did everything by hand. The Angular CLI is a command-line interface tool that can create a project, add files, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

In this example, I have used you can use any Angular version. You can use Angular 9/8/7/6.

So let us start our Angular Routing Progress Indicator example. You can find more about ng2-slim-loading-bar on its  Github Library.

#angular #angular cli #ng2-slim-loading-bar