Javascript_javascript 기술로 작성된 간단한 진행 표시줄 제어

사용자는 "비대해진" Javascript 코드가 처리될 때까지 기다려야 하는 경우가 많습니다(Web 2.0의 기능). 이 기간 동안 진행률 표시줄과 유사한 것을 추가하여 사용자에게 약간의 "편안함"을 줄 수 있습니다. 이 구현은 전체 처리 항목을 얻은 다음 백분율을 얻은 다음 출력을 표시하는 것 이상으로 복잡하지 않습니다.

훌륭한 CSS를 사용하면 매우 아름다운 진행률 표시줄 스타일을 얻을 수 있습니다. Javascript의 효과와 함께 우리는 사용자를 완전히 "속임수"하여 브라우저가 처리를 완료할 때까지 인내심을 갖고 기다리도록 할 수 있습니다. 이제 위의 원칙을 알았으므로 코드를 직접 살펴볼 수 있습니다. 나는 여전히 jQuery 프레임워크를 사용합니다. 왜냐하면 그러한 짧은 코드가 이해하기 더 쉬울 수 있기 때문입니다.

물론 이 제어는 아직 해야 할 일이 많습니다. 웹 표준을 따르는 구현 아이디어를 제공할 뿐입니다. 더 이상 고민할 필요 없이 시간이 있으시면 여기를 클릭하여 온라인 데모를 시청하실 수 있습니다.