How to make a Framework 7 toolbar animation?

I am currently developing an app using F7, i have a toolbar ( the bottom menu) , what i want to achieve is, when i the active page changes, the background color from the previous item slides to the new active page indicator.

This is an example of what i am trying to achieve:

https://www.jqueryscript.net/menu/sliding-active-nav-item-indicator.html

Yet, this does not work with F7

This is my current design, i need the white background color to slide horizontally to the page i click on

This is my first time attempting something like this