웹언어/JavaScript
[JS] 프로그래스 조절
[HTML] [CSS] .progress{ width : 100%; height :50px; //부모 위치에 설정 position: relative; top:0; left:0; overflow-x: hidden; cursor: pointer; } .state{ width : 0; height :50px; //부모랑 같은 위치에 두기위한 포지션 position: absolute; top:0; left:0; //색상 background-color : rgb(24, 117, 255); } [JS] $(document).ready(function(){ //프로그래스 바를 클릭 $('.progress').click(function(e){ // 변수 x는 .progress의 left값에서 클릭한 위치의 X값을 뺀다..
2021. 4. 12. 10:12