Progress 검색 결과
2 개의 검색 결과가 있습니다.
웹언어/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
웹언어/HTML

[HTML] 프로그래스바 구현

progress 태그는 html5 부터 사용 가능합니다. [html] 프로그래스바 최대값 30 / 초당 1이 감소하게 하였고 0이하로 감소하면 다시 30으로 증가하게 하였음 [javascript] time = $('#time').val(); $(document).ready(function(){ setInterval(function(){ time--; $('#time').val(time); if(time

2021. 3. 3. 15:33