국내 No.2 CMS 그누보드5와 그누5 빌더 리빌더
국내 No.2 CMS 그누보드5와 그누보드5의 빌더인 리빌더의
각종 자료와 팁을 공유하는 게시판이에요^^

그누보드5 & 리빌더 자료실

2025.08.19 20:34

페이지 스크롤 시 Progress Bar 출력

안녕하세요?
그누보드 배포처 sir.kr 와 리빌더 사이트서 활동중이신
미니님a 님께 자료 재배포 허락을 맡고 자료보관 용도로 자료를 올립니다.
배포에 허락해 주신 미니님a 님께 감사의 말씀 올리며
아래는 미니님a 님께서 올리신 글의 전부를 수정없이 퍼왔습니다.
(원본링크 첨부하였으니, 원본링크서 확인도 가능합니다.)
===============================================

안녕하세요...

미니님a입니다.


웹 페이지 방문하다 보면, 스크롤 시 상단에 가로 Progress Bar 가 출력 되는 것을 보신 적 한번 쯤은 있으실 것 같습니다.


이 기능을 별도로 코드 수정 없이, extend 확장 기능으로 구현 하였습니다.

또한 리빌더의 고유 기능인 메인 컬러 색상 변경 시 해당 색상을 그대로 따라 오게 구현 하였습니다.


업로드 된 파일(progressbar.extend.zip)을 압축 해제 하여,

extend 폴더에 넣어 주시면 끝입니다.


실제 구동 영상은 아래와 같습니다.

고맙습니다.


1.png2.png3.gif
  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기