离子进度条仍然显示为微调器

Ionic progress bar still appears as a spinner

我正在执行加载,如下所示。当我 运行 我的 iOS 上的应用程序时,加载仍然显示为微调器而不是进度条。为什么我的应用会出现这种情况?

List.ts

async presentLoadingDefault() {
    this.loading =  await this.loadCtrl.create({
        content: '<ion-progress-bar value="0.5"></ion-progress-bar>'
    });

    await this.loading.present();

}

async dismissLoader()
{
    await this.loading.dismiss();
}

恐怕 ionic 3 不支持 ion-progress-bar 组件。

正式支持ionic 4。参考 here.

为了在 ionic 3 中实施 progress-bar,请遵循此 stackblitz 教程。

进度-bar.html

<div class="progress-outer">
  <div class="progress-inner" [style.width]="progress + '%'">
    {{progress}}%
  </div>
</div>