2014-01-26 4 views
0

원인 고해상도 이미지가 있고 배경 이미지가 많아요. 왜 웹 페이지에 모든 내용을로드하고 싶을 때 표시합니까? 모든로드 ..하지만 포함 된 동시에 포함되어 있습니다 나는 웹 페이지에 다운로드 진행률을 표시하는 진행률 표시 줄을 표시하고 싶습니다 ....웹 작업자를 사용하여 웹 페이지를로드하는 동안 진행 막대를 만드는 중

웹 워크를 사용하여 다운로드를 수행 할 수 있습니다. 내가 디스플레이 없음 속성을 시도

브라우저를 느리게하지 않습니다하지만 그것은

답변

0

I U 경우 절단하지 않음 당신이 적절하게 이해한다면, 페이지가 완전히로드되지 않은 상태에서 페이지가 로딩 화면을 보여주기를 원할 것입니다. 이 작업을 수행하려면 <body> 태그 다음에이 권한을 추가

<style> 
    #load-bg { 
     position: absolute; 
     width: 100%; 
     height: 100%; 
     background: #000; 
     opacity: 0.75; 
    } 
    #load-msg { 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
     height: 20px; 
     width: 100px; 
     background: #fff; 
    } 
</style> 

<div id="load-bg"> 
    <div id="load-msg"> 
     <p>Loading...</p> 
    </div> 
</div> 

<script> 
    window.onload(hideLoad()); 

    function hideLoad(){ 
     document.getElementById('load-bg').style.visibility = 'hidden'; 
    } 
</script> 

JSFiddle

관련 문제