사이트 상단 progressbar 표현 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

사이트 상단 progressbar 표현 정보

사이트 상단 progressbar 표현

첨부파일

progressbar.zip (4.8K) 226회 다운로드 2017-06-30 17:53:49

본문

페이지 열릴때 상단에 상태 나타내는 nprogress 입니다


nprogress 를 그누5 PLUGIN 형태로 쬐끔 수정했습니다


head.sub.php <body 바로 밑에 아래 코드 입력해주시면 되십니다.



<?php
    include_once(G5_PLUGIN_PATH.'/nprogress/index.php');
?>


인앱 어플 만들다 페이지 이동시 progressbar가 없어 만들어봤습니다.


별거 없지만 도움되실까 올려봅니다.


링크 1번 클릭하면 적용된 사이트를 보실 수 있습니다.


추천
7

댓글 전체

그냥 보여주기 위한 바인가요?
로딩이 느려짐에 따라 ..마추어서 움직이는 것은 아닌거죠?

적용해 보니 페이지는 열려 있는데 바가 나중에 스르륵 지나가네요
아죽 작동은 굿 잘됩니다.

감사합니다.

테스트 배너교환 홈 http://bannok.ga/
header를 분석해서 처리하는건 아니구요

NProgress.start()를 하면 바가 시작하여 오른쪽으로 올라갑니다.

처음에 빠르게 올라가며 NProgress.done()이 나오기전까지는 100%까지 가지 않고 점점 조금씩 올라갑니다.^^
좋은 자료 감사합니다. index.php에서

setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);

페이지 로드 완료에 따라 진행바가 움직이는 것이 아니라
이 코드가 1초동안 진행바가 보이도록 하는 것 같더군요
그래서
위 코드를
$(window).load(function(){
NProgress.done();
});
이렇게 바꾸면 페이지 로드에 따라 움직이더라구요,

좋은 자료 감사합니다.
전체 503
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT