Search code examples
angularprogress-barionic5

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

I cant find a solution so far for something that should be so jolly simple.

I need to show the percentage value within the active progress bar but just cant seem to get it right.

Josh Morony has this example which is visually what we need to achieve.

Here is what I have. The div that I have commented out works but I need it to show inside the actual bar.

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

  • Can you check out this example : https://stackblitz.com/edit/angular-2ltyru

    This is pretty much same. Can include in ionic as well.