Programming Language/JavaScript

[JavaScript/jQuery] 블로그에 진행 바/프로그래스 바 추가하기 & 코드 분석

안녕하세요. 티스토리 블로그나 다른 사이트에 들어가면 페이지 상단(주소 창 아래)에 스크롤을 위아래로 움직이면 진행 바가 움직이는 것을 본 적이 있을 것입니다! HTML과 관련된 지식을 가지고 있다면 HTML에 를 넣어서 JavaScript를 사용할 수 있다는 것을 아실 것입니다. 간단한 코드 추가로 티스토리 블로그에 스크롤 진행 바(Progress bar)를 추가하는 방법을 소개하고 간단하게 코드를 분석해 보겠습니다. 1. 티스토리 블로그 HTML 편집 들어가기 관리 → 꾸미기 → 스킨 편집 클릭 우측 스킨 편집 부분의 html 편집 버튼 클릭 오른쪽 화면 HTML 코드 부분이 생겼습니다. 2. HTML 소스 추가 HTML 코드의 안 혹은 에 해당 코드를 붙여 넣으세요. height: 진행 바의 두께 ..