테스트 사이트 - 개발 중인 베타 버전입니다
SIR

사이트 상단 progressbar 표현

ㅇr름ㄷr운총각
프로필 보기이 회원 글보기
 · 8년 전 · 8220 · 21

링크

http://coin.trzoa.com/ (827)
progress.jpg

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


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


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


[code]

<?php

    include_once(G5_PLUGIN_PATH.'/nprogress/index.php');

?>

[/code]


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


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


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


첨부파일

progress.jpg (79.2 KB, 0회) progressbar.zip (4.8 KB, 228회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 21개

너무느린신
프로필 보기이 회원 글보기
 8년 전
그냥 보여주기 위한 바인가요?
로딩이 느려짐에 따라 ..마추어서 움직이는 것은 아닌거죠?

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

감사합니다.

테스트 배너교환 홈 http://bannok.ga/
ㅇr름ㄷr운총각
프로필 보기이 회원 글보기
 8년 전
header를 분석해서 처리하는건 아니구요

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

처음에 빠르게 올라가며 NProgress.done()이 나오기전까지는 100%까지 가지 않고 점점 조금씩 올라갑니다.^^
너무느린신
프로필 보기이 회원 글보기
 8년 전
아네...그래도 이거 달아 놓으니 먼가 있어보이고 좋습니다.
그져 감사하게 사용하고 있습니다. ^^
너무느린신
프로필 보기이 회원 글보기
 8년 전
스크랩
만스
프로필 보기이 회원 글보기
 8년 전
사이트 상단 progressbar 표현
늦둥이
프로필 보기이 회원 글보기
 8년 전
있어 보입니다 ^^
sunflower
프로필 보기이 회원 글보기
 8년 전
좋은 자료 감사합니다. index.php에서

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

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

좋은 자료 감사합니다.
이야기들
프로필 보기이 회원 글보기
 8년 전
감사합니다.
Rockg
프로필 보기이 회원 글보기
 8년 전
굿입니다~
스쿱
프로필 보기이 회원 글보기
 8년 전
멋지네요!!

게시글 목록

번호 제목
2906
페이스북이나 인스타그램같이 친구를 추가하고 추가된 친구 삭제, 거절 가능한 플러그인입니다. 8
2886
ajax 댓글 플러그인 (구버전 / 리뉴얼됨) 14
2821
웹해킹, 백도어 위험코드 감지 플러그인 44
2792
네트워크 대전게임 바둑이,포커,맞고 플러그인(포인트게임)서비스종료 14
2783
사이트 상단 progressbar 표현 21 현재글
2770
그누보드 캡차를 구글 Invisible reCAPTCHA 로 변경하는 플러그인 - 그누보드 5.2 용 34
2739
서버이전시 이미지 주소변경 30
2735
무한 서브 카테고리 게시판 미연동 방식 40
2732
DB 테이블과 필드 정보 조회 및 index key 확인 및 CREATE TABLE 보기 7
2719
게시글 수정내역 확인 플러그인 4
2660
메뉴클릭수 통계 플러그인 24
2602
상장사(KOSPI/KOSDAQ) IR정보(주가정보, 재무정보, 공시정보) 28
이전 다음
전체 목록