I'm still on the legacy report viewer and would like to change the loading animation. I want to use a div based css approach that I am already using on the rest of my site with ajax panels.
I have tried to replace the existing content of the wait control with some different html and while that works in code the page itself still shows the original animation with the generating report text.
waitControl = document.getElementById(
'<table style=\"width: 100%; height: 100%;\"><tbody><tr><td style=\"text-align: center; vertical-align: middle;\"><div class=\"loading-outer\"><div class=\"clear-loading-effect loading-animation-1\"><span></span><span></span><span></span></div></div></td></tr></tbody></table>'