How to use svg as a preloader instead of css preloader?

Yeah but not exactly. I also want to animate SVG to fade-in smoothly with loading progress. For example, when preloading starts opacity of logo should be 0 and when preloading reaches 100%, logo opacity should also be 100%