How to make preloader which can fill the background of the vector image?

can someone explain me how to make css3 preloader from vector image. I want to achieve this: at the beginning logo is transparent, only border is visible, and how the loading is done, logo is filling with the background from the very bottom to the top.

Thank you so much for all your help.