如何在条内显示离子进度条值

How to show ion-progress-bar value inside the bar

到目前为止,我找不到解决方案,应该非常简单。

我需要在活动进度条中显示百分比值,但似乎无法正确显示。

Josh Morony 有这个例子,这就是我们需要实现的视觉效果。

这是我的资料。我注释掉的 div 有效,但我需要它显示在实际栏内。

<!-- <div class="showPercentProgress"> {{ percentageValue }}%</div> -->
        
<ion-progress-bar color="primary" type="determinate" [value]="progressStatus"> 
      {{ percentageValue }}%
</ion-progress-bar>

你能看看这个例子吗:https://stackblitz.com/edit/angular-2ltyru

这几乎是一样的。也可以包含在离子中。