정보실

웹학교

정보실

javascript JavaScript Loading Status libraries

본문

https://github.com/rstacruz/nprogress 

http://ricostacruz.com/nprogress/ 

슬림한 진행을 위해 YouTube, Medium 등


https://github.com/tobiasahlin/SpinKit 

http://tobiasahlin.com/spinkit/ 

CSS로 움직이는 로딩 인디케이터 컬렉션


https://github.com/HubSpot/pace 

https://github.hubspot.com/pace/docs/welcome/ 

사이트에 자동으로 진행률 표시 줄을 추가하십시오. # hubspot-open-source


https://github.com/fgnass/spin.js 

http://spin.js.org/ 

방사 활동 표시기


https://github.com/hakimel/Ladda 

https://lab.hakim.se/ladda/ 

로드 인디케이터가 내장 된 버튼.


https://github.com/kimmobrunfeldt/progressbar.js 

https://kimmobrunfeldt.github.io/progressbar.js/ 

반응성이 있고 매끄러운 진행 막대


https://github.com/lukehaas/css-loaders 

CSS로 애니메이션 된 로딩 스피너 컬렉션


https://github.com/jacoborus/nanobar 

http://nanobar.jacoborus.codes/ 

매우 가벼운 진행 막대. jQuery 없음


https://github.com/usablica/progress.js 

http://usablica.github.io/progress.js/ 

ProgressJs는 개발자가 페이지의 모든 객체에 대한 진행률 막대를 만들고 관리 할 수있게 해주는 JavaScript 및 CSS3 라이브러리입니다.


https://github.com/lightningtgc/MProgress.js 

http://lightningtgc.github.io/MProgress.js/ 

Google Material Design 진행 선형 바. 


https://github.com/codrops/PageLoadingEffects 

SVG 애니메이션을 사용하여 새로운 콘텐츠를 공개하는 현대적인 방법.


https://github.com/buunguyen/topbar 

http://buunguyen.github.io/topbar/ 

작고 아름다운 사이트 전체 진행 표시기




  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 49회 ]  작성일18-11-28 23:47

웹학교