jquery는 진행률 표시줄의 효과를 구현합니다. 여기서는 실질적인 효과가 없을 수도 있지만 프런트엔드에서는 진행률 효과를 어떻게 달성합니까? 효과 시연: 진행률 표시줄 구현 소스 코드: 코드 복사 코드는 다음과 같습니다: jquery 구현 진행률 표시줄<br> .progressBar{ 너비 :200px;높이:8px;테두리:1px 솔리드 #98AFB7;border-radius:5px;margin-top:10px;}<br> #bar{너비:0px;높이:8px;border-radius:5px;배경: # 5EC4EA;}<br><br> function ProgressBar(){<br> //js 진행률 표시줄 초기화<br> $("#bar").css("width","0px");<br> // Progress 바의 속도가 작을수록 빠릅니다. <br> var speed = 20;<br><br> bar = setInterval(function(){<br> nowWidth =parseInt($("#bar").width( )); //너비는 진행률 표시줄의 전체 너비보다 클 수 없습니다.<br> if(nowWidth<=200){<br> barWidth = (nowWidth 1) "px";<br> $ ("#bar").css ("width",barWidth);<br> }else{<br> //진행률 표시줄이 가득 차면 중지<br>clearInterval(bar);<br> } <br> } ,속도);<br> } <br>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
