잠시만 기다려 주세요


 
HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (786)  |  추천 및 재미 (61)  |  자료실 (17)  |  끄적거림 (461)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2019년 08월 24일
노력하지 않는 자는 선택할 권리조차 없다. - -
 




    javascript/jquery

javascript/jquery - JavaScript Progress Bar, 자바스크팁트 프로그레스 바 디자인.. 진행바
이 름 : 바다아이   |   조회수 : 1128         짧은 주소 : https://www.bada-ie.com/su/?391523133546
<style>
#myProgress {
    width: 100%;
    background-color: grey;
}
#myBar {
    width: 1%;
    height: 30px;
    background-color: green;
}
</style>

<script>

function move() {
    var elem = document.getElementById("myBar");
    var p = document.getElementById("per");
    var width = 1;
    var id = setInterval(frame, 10);
    function frame() {
      if (width >= 100) {
		clearInterval(id);
      } else {
		width++;
		elem.style.width = width + '%';		     
		p.innerHTML = width + '%';
        }
    }
} 

</script>

<input type="button" value="go" onclick="move()"><br><br>

<div id="myProgress">
  <div id="myBar"></div><div id="per" style="background-color: #FFFFFF;"></div>
</div>

| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
72 javascript/jquery select 3 바다아이 104
71 javascript/jquery , ... 바다아이 608
70 javascript/jquery , timezone, , ... moment.js 바다아이 615
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 686
68 javascript/jquery (block) , ... 바다아이 685
67 javascript/jquery textarea cursor , , focus 바다아이 719
66 javascript/jquery jquery ajax option .... 바다아이 778
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 794
64 javascript/jquery javascript , , , , () 바다아이 864
63 javascript/jquery javascript (date ) 바다아이 929
62 javascript/jquery CSS3 javascript 바다아이 856
61 javascript/jquery javascript , cookie, , , , , 바다아이 1032
60 javascript/jquery javascript 바다아이 1194
59 javascript/jquery javascript / , , , 바다아이 1269
58 javascript/jquery url , , encode, decode ... 바다아이 948
57 javascript/jquery javascript ... frame location.href 바다아이 1073
56 javascript/jquery File Upload Progress, .... . 바다아이 1179
55 javascript/jquery javascript, json , json Highlight 바다아이 1250
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 1277
53 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 1155
52 javascript/jquery javascript entity , , encode, decode 바다아이 1212
51 javascript/jquery javascript post, get , 바다아이 1512
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 1487
49 javascript/jquery jquery autocomplete , , . 바다아이 1283
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 1383
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 1314
46 javascript/jquery Javascript event.keyCode , , ACSII 바다아이 1124
45 javascript/jquery url encode decode , , , javascript 바다아이 1759
44 javascript/jquery javascript 바다아이 1135
43 javascript/jquery javascript, textarea tap . 바다아이 1173
| |






Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : New Jersey  실행시간 : 0.05033
to webmaster... gogo sea. gogo sea.