<style type="text/css">
.overlap {

    width: 204px;
    
    top: 50px;
    position: absolute;
    top: 1%;
    height: 200px;
    left: 32%;

}
</style>
<div class="overlap"></div>
<iframe id="iframe" src="http://docs.google.com/viewer?url=http://imenso.co/payment/test.pptx&embedded=true&toolbar=0" toolbar="0" onload="processingComplete()" style="width:600px; height:500px;" frameborder="0"></iframe>





<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script type="text/javascript">
function processingComplete(){
        
		        console.log('iframe loaded successfully');
	
	
    }

	
</script>