I'm trying to add a component of a loading animation that runs while one of my components that contains an Iframe is still rendering. I want the loading animation to be able to recognise when the Iframe has been loaded so that it would stop and the Iframe/component would open fully rendered. Is there any way I could add a Boolean Parameter to my component and then alter it with the onload event on the Iframe event using JS?
Currently I have this, which does nothing else but initialize the loading screen component for 3 seconds before the iframe component. (The Initialized Parameter is the one I wish to alter using JS.)
I apologise in advance if I did not provide enough information, I'm still very new to SO and programming in general. Please feel free to ask me or correct me if anything in my explanation is unclear or wrong.

