Loading Bar

The base-loading-bar component in Angular provides a visual loading indicator, commonly used to signify ongoing background processes or data fetching. It includes a customizable loading bar with sublines that visually represent loading progress.

Usage

Include the <base-loading-bar> tag in your Angular templates to incorporate the loading bar component. The manuallyLoading input allows developers to manually trigger the loading state.

<base-loading-bar [manuallyLoading]="true"></base-loading-bar>

Styling

• The component references an external stylesheet (`loading-bar.component.scss) for styling. Developers can customize the visual appearance of the loading bar and sublines by modifying this stylesheet.

Notes

• The component listens to the LoaderService to automatically update the loading state based on ongoing background processes.
• Developers can use the `manuallyLoading input to manually trigger the loading state when needed.