Progress bar in between route transition

Hello ALL,

I have two route called index and hero, from index user can go to hero route. On hero route i have a model hook to fetch the data from adapter. I have a loading route in between to show some spinner. Now the problem is i need to provide a progress bar in loading page according to data loading from the api call.

Is there any way to implement it.

There are some addons like ember-cli-page-progress that you can use directly or poke around in the code and see how they work.

There is one addon that looks really nice, although I haven’t tried it - ember-loading