Slidebox 'progress bar' on top of Footer


Is there someway to create a progress bar instead of slidebar dots to show the progress of slides on slidebox and display the progress bar on top of Footer?

Thanks in advance! :wink:

Hi @naveenkarippai1, something like this?


Great implementation @xAlien95 !

@xAlien95 You are the best! :smile: Thank you.

@xAlien95 when Progress bar is used for slidebox inside dynamic(multiple) Modals , the progress bar points to middle even though it’s end of the slidebox. Can you suggest me some way to fix it please.

It shows bug on the codepen from you.

Just add $ionicSlideBoxDelegate.update() in the on-slide-changed attribute function.

Here’s the updated codepen:


Thank you again :smile:


i am trying to replicate your code but without the ion-slide-box being in a modal. so just a view with the ion-slide-box. but i can’t seem to get it to work. can you help me out pls