Is there any way to make a progress bar work in an overlay?

Ionic Framework Ionic Angular
1

I’m trying to put an ion-progress-bar in an ion-alert. It renders, but it doesn’t receive the value I’m sending to it.

const progress = 0.5
const alert = await this.alertCtrl.create({
  message: `Loading workOrder...
  <ion-progress-bar value="${progress}"></ion-progress-bar>`
});
alert.present();

I’m doing this in a component I call as an ìon-modal. I don’t know if this has something to do with anything, but I thought it was worth mentioning it.

2

i think rather using it inside alert , use it inside a loading controller
check this link for code example and hence then u can pass the data as per ur requirement

3

Not working. Tried it with spinner: null because spinner: 'none' doesn’t exist in Ionic 5. The result is the same as mine with the ion-alert: ion-progress-bar's value's not getting what I assign to it.