웹페이지 상단에 선형 로딩 진행률 표시줄 구현

플러그인 1: NProgress.js

다운로드 링크: https://github.com/rstacruz/nprogress

 

플러그인 2: MProgress.js
 

다운로드 링크: https://github.com/lightningtgc/mprogress.js/

 

두 플러그인 모두 웹 페이지 로딩 진행률 표시줄을 구현하며 다음과 같은 네 가지 기본 방법이 있습니다.

start(): 진행률 표시줄을 시작합니다.
 

set(num): 최대 진행률, 기본값 0~1
 

inc(): 속도를 높이고, 진행바가 시작되면 이 함수를 사용할 수 있습니다.

done(): 진행률 표시줄이 완료될 때까지 바로 실행됩니다.