html 페이지에 진행률 표시 줄 적용

Question

이 코드는 OK 버튼을 누르면 다른 페이지가 IFrame에로드되고 다음 페이지가로드되기 전에 진행률 표시 줄을 추가하려고합니다. 이 2500ms 후 페이지가 iframe이

$('#ida').click(function() { 
    setTimeout(function(){ 
    $("#frame1").show(); 
    }, 2500); 
}); 

</script> 

<iframe name="myframe" id="frame1" style="display:none" src="xm5.jsp" width="1300" height="1000"> 
</iframe></div> 

내가 코드 행을 추가 할에로드 내 작업 코드는

<div id="progressbar"><div class="progress-label">Loading...</div></div> 

(JQuery와의 모든 CSS를 그것을 가지고 스크립트가 추가됩니다)

하지만 어디에서 추가해야합니까?

Answer 1

progressbar div. JS에이어서

#progressbar { 
    display: none; 
} 

:

$('#ida').click(function() { 
    $('#progressbar').show(); //Show when you click it 
    setTimeout(function(){ 
    $("#frame1").show(); 
    $('#progressbar').hide(); //Hide when the iframe is fully loaded 
    }, 2500); 
});