5 진행 중단 라인 (YouTube 스타일) jQuery 플러그인

YouTube 스타일 진행으로 로딩 라인을위한 5 개의 우수한 jQuery 플러그인 이 기사는 YouTube에서 볼 수있는 것과 유사한 시각적으로 매력적인 진행중기 로딩 라인을 생성하는 5 개의 jQuery 플러그인을 보여줍니다. 이들은 뷰 사이의 전환을 위해 각도 스파에서 특히 유용합니다.

나노 바르 :
1. jQuery조차 필요하지 않은 엄청나게 가벼운 옵션 (약 730 바이트가 gzipped)!

   소스 데모

   nprogress :

   Ajax-Heavy Applications에 이상적인 진보적 인 바. 디자인은 Google, YouTube 및 Medium에서 영감을 얻습니다 소스 데모 1 데모 2 jQuery.ytload :

   ajax 요청에 대한 YouTube의 진행 시각화에서 영감을 얻은 간단하고 경량 플러그인.
2. 소스 데모

   페이스 :

   자동 페이지로드 진행 막대. 최소 구성이 필요합니다

   소스 데모 jQuery를 사용한 부드러운 진행률 막대 로딩 효과 : jQuery, HTML5 및 CSS3을 사용하여 부드러운 로딩 효과를 제공하는보다 사용자 정의 가능한 옵션. 완료시 페이지 리디렉션도 가능합니다 소스 데모

3. 자주 묻는 질문 (faqs) 이 섹션에서는 진행중기 로딩 라인 구현 및 사용자 정의에 대한 일반적인 질문을 다룹니다. 특정 사용자 정의 지침은 선택한 플러그인에 따라 다릅니다. 자세한 지침은 각 플러그인의 문서를 참조하십시오

   색상 사용자 정의 :
   CSS를 수정하여 진행률 표시 줄을 변경하십시오.

   • 속도 조정 : 애니메이션 속도를 제어하기 위해 관련 JavaScript 또는 jQuery 설정을 조정합니다.

     플러그인 프리 구현 :
   사용자 정의 JavaScript/JQuery, HTML 및 CSS 코딩이 필요합니다

   • 브라우저 호환성 : 대부분의 최신 브라우저가 지원되지만 다른 브라우저에서 테스트하는 것이 좋습니다.

   WordPress 통합 : 테마에 필요한 파일을 추가하거나 WordPress 호환 플러그인을 사용하여 가능합니다.

   • 진행률 막대 숨기기 : 대부분의 플러그인은 부하 완료시 자동 숨기고; 그렇지 않으면 CSS를 사용하여 시야에서 전환하십시오.

   • 다중 진행률 막대 :

     일반적으로 잠재적 인 사용자 혼란으로 인해 낙담합니다. 가시성 향상 : 높이를 늘리거나 더 생생한 색상을 사용하거나 CSS 효과를 추가하십시오 (그림자, 글로우).

   개별 요소로드 : 개별 요소 로딩 이벤트를 기반으로 진행 상황을 추적하고 업데이트하도록 코드를 수정합니다.

   • 성능 영향 : 는 일반적으로 최소화됩니다. 특히 경량 플러그인에서는 항상 테스트가 권장됩니다.

     각 플러그인의 소스 코드 및 데모 페이지에 대한 실제 링크로
   및
   • 자리 표시자를 교체하는 것을 잊지 마십시오.

위 내용은 5 진행 중단 라인 (YouTube 스타일) jQuery 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!