IT/퍼블리싱 (html+css)

[HTML+CSS] 프로그래스 바 생성

시린스 2019. 12. 12. 16:40
반응형

HTML

 

CSS
/* 프로그래스 바 CSS */

.Progress_Bar {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 99;text-align: center;}
.Progress_Bar_Image {position: absolute;top: 50%;left: 50%;z-index: 100;}

 

JS

$(window).load(function(){
      $("#Progress_Bar").hide();
});

 

$("#Progress_Bar").hide(); 중요.
※Progress_Bar를 버튼 혹은 function에서 Show 시켜주고 마지막에 hide 시켜주면 됨 .