Mask image from b/w to color?

I want to use a b/w image as a preloader and as the content loads, the image gets colored the same percent. Just like a regular preloaderbar, just that the counter is the color. Anyone understands what I mean and can point me in the right direction for accomplishing this?

thanks