<style>
                /* 전체 스크롤바 스타일 */
                ::-webkit-scrollbar {
                    width: 0px; /* 스크롤바의 너비 */
                }

                /* 스크롤 진행 바 스타일 */
                #scrollProgress {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 0%;
                    height: 5px;
                    background-color: #00c7a9;
                    z-index: 9999;
                }
				
				/* 미리보기용 높이 설정(실제 적용시 삭제하세요) */
                body {
                    height: 2000px;
                }
            </style>
            <div id="scrollProgress"></div>

            <script>
                // 스크롤 이벤트에 따라 진행 바 너비 업데이트
                window.onscroll = function() { updateProgressBar(); };

                function updateProgressBar() {
                    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                    var scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
                    var scrollPercent = (scrollTop / scrollHeight) * 100;

                    // 진행 바 업데이트
                    document.getElementById("scrollProgress").style.width = scrollPercent + "%";
                }
            </script>