• Version 4.0.0
  • Published
  • No dependencies
  • MIT license


npm i ng2-slim-loading-bar
yarn add ng2-slim-loading-bar
pnpm add ng2-slim-loading-bar


Angular2 component shows slim loading bar at the top of the page



class SlimLoadingBarComponent

class SlimLoadingBarComponent implements OnInit {}
  • A Slim Loading Bar component shows message loading progress bar on the top of web page or parent component.


constructor(service: SlimLoadingBarService);

    property color

    color: string;

      property height

      height: string;

        property progress

        progress: string;

          property service

          service: SlimLoadingBarService;

            property show

            show: boolean;

              method ngOnInit

              ngOnInit: () => any;

                class SlimLoadingBarEvent

                class SlimLoadingBarEvent {}


                  constructor(type: SlimLoadingBarEventType, value: any);

                    property type

                    type: SlimLoadingBarEventType;

                      property value

                      value: any;

                        class SlimLoadingBarModule

                        class SlimLoadingBarModule {}

                          method forRoot

                          static forRoot: () => ModuleWithProviders;

                            class SlimLoadingBarService

                            class SlimLoadingBarService {}
                            • SlimLoadingBar service helps manage Slim Loading bar on the top of screen or parent component



                              property color

                              color: string;

                                property events

                                events: Observable<SlimLoadingBarEvent>;

                                  property height

                                  height: string;

                                    property interval

                                    interval: number;

                                      property progress

                                      progress: number;

                                        property visible

                                        visible: boolean;

                                          method complete

                                          complete: () => void;

                                            method reset

                                            reset: () => void;

                                              method start

                                              start: (onCompleted?: Function) => void;

                                                method stop

                                                stop: () => void;


                                                  enum SlimLoadingBarEventType

                                                  enum SlimLoadingBarEventType {
                                                  PROGRESS = 0,
                                                  HEIGHT = 1,
                                                  COLOR = 2,
                                                  VISIBLE = 3,

                                                    member COLOR

                                                    COLOR = 2

                                                      member HEIGHT

                                                      HEIGHT = 1

                                                        member PROGRESS

                                                        PROGRESS = 0

                                                          member VISIBLE

                                                          VISIBLE = 3

                                                            Package Files (3)

                                                            Dependencies (0)

                                                            No dependencies.

                                                            Dev Dependencies (37)

                                                            Peer Dependencies (1)


                                                            To add a badge like this badgeto your package's README, use the codes available below.

                                                            You may also use to create a custom badge linking to

                                                            • Markdown
                                                            • HTML
                                                              <a href=""><img src="" alt=""></a>