Javascript jquery css_jquery로 작성된 간단한 진행률 표시줄 컨트롤

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

물론 이 제어는 아직 해야 할 일이 많습니다. 웹 표준을 따르는 구현 아이디어를 제공할 뿐입니다. 더 이상 말도 안되는 소리는 하지 마세요.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Javascript 진행률 표시줄 데모 - jb51.net</title> <style type="text/css"> #progress {background: white; height: 20px; padding: 2px; border: 1px solid green; margin: 2px;} #progress span {background: green; height: 16px; text-align: center; padding: 1px; margin: 1px; display: block; color: yellow; font-weight: bold; font-size: 14px; width: 0%;} </style> <h1> </h1> <p>자바스크립트 진행률 표시줄 데모<a href="http://www.jb51.net/article/13993.htm"> </a>SPAN CSS(및 기타 스타일)의 너비를 제어하려면 Javascript를 사용하는 것이 원칙입니다. 자세한 내용은 다음 링크를 참조하세요. </p>http://www.jb51.net/article/13993.htm<div id="progress"><span> </span></div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]