Slim Top Scroll Position Indicator Example

A slim top scroll position indicator written in JavaScript (jQuery), HTML, and CSS.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloremque aliquid minus dolor odio distinctio fuga vel modi, quibusdam, natus laudantium soluta a rerum omnis dolores. Nobis asperiores beatae velit voluptatem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat hic explicabo ipsa maxime vero quibusdam alias, nesciunt eum iusto accusamus ea voluptatibus. Aliquid assumenda commodi iure quidem eos quisquam aspernatur? Provident velit incidunt labore, error consequuntur nisi. Repellendus, id eligendi cum odio molestiae iste quaerat dignissimos nam explicabo rem corrupti ad accusantium eos fugit? Asperiores, nemo. Unde voluptates quisquam dignissimos. Quidem, laboriosam officia? Error nostrum fuga, sed doloremque commodi culpa quos ipsum libero similique veniam vel numquam. Totam animi velit laboriosam sint perferendis obcaecati, repellendus a, omnis, error similique placeat. Quidem, praesentium vel! Error necessitatibus molestias aliquam animi nesciunt consequuntur tempore. Velit dolorem quis molestias cum. Optio, error deserunt. Doloremque labore non, vitae possimus doloribus blanditiis! Error, dignissimos reiciendis. Non. Voluptatem temporibus eos commodi sint corrupti modi ab sequi. Impedit, excepturi expedita, porro soluta nesciunt perspiciatis culpa dicta a similique velit dolores reprehenderit alias maiores laboriosam labore. Modi, quos dolores? Accusantium magnam sunt expedita corrupti qui repudiandae neque rem odit deserunt totam at quas, fuga magni molestiae earum, voluptatem quae assumenda modi voluptate asperiores quo. Neque, rem! Autem, illo est. Sed et reprehenderit, culpa, perspiciatis consectetur impedit itaque expedita esse soluta magni, porro harum iure! Aut cumque sed aspernatur, accusantium, quisquam quis perferendis error fugit cupiditate explicabo exercitationem eligendi dignissimos! Deserunt omnis voluptas sed voluptates perspiciatis. Magni, explicabo laborum? Rem ipsa ullam reprehenderit tenetur itaque pariatur labore nesciunt a aperiam temporibus tempore, facere blanditiis commodi quo accusantium? Odit, eaque quo. Eius, neque temporibus? Necessitatibus, architecto velit ducimus aliquam quam rem, debitis fugiat est eos unde expedita earum. Ratione aut eligendi tenetur provident, accusantium saepe, atque maxime hic nihil, ipsa soluta! Quod sapiente maiores, explicabo, adipisci totam sit enim excepturi alias ut vitae porro earum a dignissimos error nesciunt aut! Debitis eligendi pariatur distinctio, dolores magnam similique quam suscipit ipsam veritatis! Autem quaerat doloribus aliquam fugit ab repudiandae, cum ex aperiam possimus. Debitis esse soluta eveniet, voluptates nulla id delectus voluptatem, tempore, ad ipsam tempora incidunt. Voluptate id tenetur ab perferendis! Consequuntur est aliquam tempore labore corrupti, iusto dolorum illo unde, dolore quo id nisi repellendus quasi quaerat voluptatem consectetur iure nulla architecto pariatur sit quae ut! Nobis ducimus fuga repudiandae. Facilis fugiat ab minus eum est optio et maiores vero repellendus doloribus accusamus quisquam iusto accusantium enim suscipit quibusdam cum facere nihil beatae, illum expedita aliquid! Magnam repellendus adipisci veniam? Laborum aliquam in culpa, perspiciatis, ex expedita maxime minima veritatis corporis ratione odio cupiditate non nobis obcaecati unde consectetur harum amet sit natus? Ullam obcaecati esse sapiente harum expedita quod. Fugiat libero animi sapiente laborum sint iste necessitatibus dolorum quia esse delectus magnam, tenetur corrupti dolorem velit assumenda eos. Maxime autem quibusdam quas cupiditate accusantium nesciunt rem doloremque sapiente delectus. Quisquam, blanditiis similique. Totam, impedit. Enim, temporibus. Excepturi aut officiis dicta incidunt autem aliquid suscipit nam voluptatibus ipsam quibusdam veritatis ab adipisci, quas ex quo nulla? Fugiat architecto sed et. Provident a, veritatis corporis aspernatur minus praesentium voluptatum cum! Facilis assumenda, nobis dicta magni quibusdam voluptatem necessitatibus quos suscipit fugiat. Nesciunt molestias qui impedit aspernatur beatae delectus modi id necessitatibus. Voluptatem perspiciatis molestiae sapiente placeat iusto delectus consequuntur exercitationem porro tempora explicabo est eius, odio laborum perferendis omnis aspernatur, eaque ullam ipsam? Rerum molestias deserunt quia aspernatur eius accusantium amet. Laboriosam, excepturi necessitatibus quod neque aliquid dignissimos cumque nostrum mollitia commodi hic doloremque id rem ea inventore officiis fugiat repellendus et, porro placeat ipsam exercitationem, repellat veniam esse. Tempora, molestiae! Necessitatibus a provident officia modi quaerat, minima eos non velit consectetur sed saepe? Aperiam quas ipsum blanditiis eligendi soluta repellendus nesciunt officiis laborum. Assumenda nihil ducimus error veniam, soluta praesentium. Quam dignissimos facilis necessitatibus ullam accusantium obcaecati voluptatem, nobis ab expedita excepturi, commodi consequuntur optio aspernatur quibusdam. Sunt sint adipisci distinctio quasi aut fuga, porro perspiciatis excepturi magni non. Molestias? Optio, saepe aut natus, corrupti fuga labore, ullam cumque cum omnis rerum enim voluptatum quas corporis sint minima maiores a rem deserunt dolores reiciendis similique est dolorum error. Obcaecati, provident! Non incidunt fugiat expedita illum quasi eum hic aliquid dicta dignissimos atque velit ad vitae quas praesentium commodi ratione, iste sunt. Soluta laboriosam cum ea at ipsam, magni tempore quisquam? Itaque ipsam eveniet odit provident non ab alias labore quidem, quisquam error, reiciendis possimus tempore omnis veniam veritatis pariatur natus porro debitis saepe inventore cumque in cum! Similique, voluptatum dolorem? Quaerat minus quasi nobis ad aperiam inventore maxime! Aliquid inventore distinctio numquam! Molestias ut ipsum nam, itaque optio, nostrum officia saepe ullam iure recusandae modi laboriosam, temporibus delectus harum nisi. Iste eum officiis expedita voluptate vero, nostrum aliquam, error modi iure suscipit sequi quia facilis dignissimos quibusdam placeat saepe blanditiis! Architecto reprehenderit omnis, reiciendis fuga voluptate velit totam nulla nostrum? beatae. Vitae! .