반응형

구글링하면 많이 나오지만 나도 메모겸 포스팅. 여러가지 방법이 있지만 이 방법이 가장 편한 듯 하다. 블로그 관리 > 꾸미기 > 스킨 편집 > HTML 편집에서 다음의 내용을 복사해 <head></head> 사이에 넣어주면 된다. 넣는 위치 잡기 애매하다면 그냥 </head> 바로 윗줄에 넣어줍시다.

 

<!--Top Progress bar start-->
<script type="text/javascript" src="https://rawcdn.githack.com/mburakerman/prognroll/0feda211643153bce2c69de32ea1b39cdc64ffbe/src/prognroll.js"></script>
<script type="text/javascript"> $(function() { $("body").prognroll({ height: 5, color: "#555" }); $(".content").prognroll({ custom: true }); }); </script>
<!--Top Progress bar end-->

위에서 height: 5, color: "#555" 부분이 진행바의 굵기와 색상이다. 색상은 포토샵이든 VS Code같은 걸로 확인해도 되고, 여러 웹사이트들에서 제공하는 컬러 피커로 색상 확인 후 넣어주면 되니 참조합시다.

 

 

반응형

'Web.World > Trivia' 카테고리의 다른 글

도분초 <> 위경도 변환 사이트  (0) 2021.08.24
알리) 반지름(R) 게이지  (0) 2021.06.28
윔호프 호흡법  (0) 2021.06.22

댓글

댓글을 사용할 수 없습니다.

티스토리툴바