Как реализовать прогресс-бар в ionic 3?

Он искал, что вам нужно добавить индикатор выполнения в файл app.module.ts,

Только тогда вам нужно использовать этот индикатор выполнения.

import { ProgressBarComponent } from '../components/progress-bar/progress-bar';

@NgModule({
  declarations: [  
    ProgressBarComponent
  ],

})
export class AppModule {}

здесь я обновил для вас рабочий стек. вы можете использовать.

https://stackblitz.com/edit/ionic-progressbar-muthu-ewl6ag

home.html

  <progress-bar [progress] = "loadProgress"></progress-bar>

home.ts

public loadProgress : number = 0;

  ngOnInit() {
    // Test interval to show the progress bar
    setInterval(() => {
      if (this.loadProgress < 100)
        this.loadProgress += 1;
      else
        clearInterval(this.loadProgress);
    }, 50);
  }

index.html файл,

<style>
  .progress-outer {
    width: 96%;
    margin: 10px 2%;
    padding: 3px;
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #dcdcdc;
    color: #fff;
    border-radius: 20px;
  }

  .progress-inner {
    min-width: 15%;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    border-radius: 20px;
    background-color: green;
  }
      </style>

вы можете изменить этот стиль, где захотите.

вот выходной снимок экрана,

Я надеюсь, что это решит твою проблему