Scroll Page to See Effect
If your browser supports animation-timeline: scroll() CSS:
A horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.
If it doesn't:
The line will not appear.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo deleniti dignissimos esse debitis! Culpa, fugit odit facilis ipsam minus labore laboriosam error nemo voluptates, non quo magnam ducimus consequuntur ut adipisci maxime quia optio? Illo necessitatibus minus dicta quis molestiae? Libero rem reprehenderit, aliquam cum repudiandae quo error earum eligendi provident praesentium, doloremque nobis impedit illum officiis nihil? Quasi, natus aliquam labore, ex praesentium ullam commodi, laborum voluptatem fugiat vel temporibus perspiciatis quidem hic pariatur iure? Dolorum adipisci libero quisquam atque quasi nam nulla nobis veritatis, aut animi commodi nostrum perferendis laudantium deleniti vitae magni velit enim possimus neque tempore tenetur ipsum distinctio. Aspernatur, veniam reprehenderit illum cum provident maiores sit ad ut rem fuga labore neque repellendus officia earum, deleniti quidem est laborum ducimus accusantium perferendis quam! Eaque optio nostrum beatae pariatur impedit quam, eius nesciunt corrupti animi est tempora tempore reiciendis dicta hic consequatur minima harum? Voluptatum dolore sed harum ex odio error sunt quis debitis! Perspiciatis odit, excepturi animi labore aperiam voluptatem similique aliquam iste delectus, tempore adipisci corrupti, aspernatur natus? Nulla vel earum quas quod ea aperiam molestiae rerum reiciendis optio molestias obcaecati provident quaerat incidunt dicta accusantium, rem consectetur nihil explicabo aliquam hic at assumenda delectus. Optio maiores reprehenderit numquam! Quidem eius, sed impedit quaerat non iusto nostrum? Distinctio expedita similique earum totam, excepturi nihil. Labore dignissimos architecto, dicta error consequuntur eaque maxime ducimus nobis sit molestiae quas a rerum nam. Blanditiis sapiente cum molestias aliquam, voluptas qui pariatur amet, magnam aperiam alias commodi? Incidunt assumenda qui, facere excepturi doloribus facilis tempore nostrum quos! Aspernatur nesciunt at tempora soluta corrupti ullam excepturi nam totam ipsam unde recusandae possimus, placeat perspiciatis quidem voluptatum iure neque nihil error asperiores sit adipisci. Nulla repellat unde facere ad sunt rerum a earum omnis? Quis ducimus magni inventore! Eum, quo.
Maiores dolorem adipisci nulla, voluptatum soluta eligendi iusto amet. Quam, pariatur ipsum aut necessitatibus at, totam neque unde aperiam laboriosam nesciunt, veniam harum. Officia aut nam quam voluptatum. Sunt, nam! Molestias voluptatum iure beatae voluptate architecto eaque, quia et dolores ipsa labore explicabo voluptas ut error. Sunt porro expedita blanditiis libero est fuga quas possimus, laboriosam iure obcaecati dolorem eaque ipsa quia et explicabo aliquam eius quo, aut at. Harum officia ipsam perferendis, voluptas distinctio eaque quisquam obcaecati. Unde eligendi quos obcaecati voluptate ex accusantium eum perferendis architecto laudantium commodi quae, tempora placeat saepe esse, accusamus laborum, illum molestias corporis aliquam fugit modi ratione? Quasi eaque doloremque impedit. Laborum tempora possimus incidunt! Excepturi ad velit recusandae quae voluptate nobis ullam est neque. Reprehenderit magnam culpa, adipisci dolor id repellat possimus cum quos dicta nesciunt voluptas vitae fuga dignissimos eligendi laboriosam reiciendis aut optio delectus rem quo? Ex veniam voluptate accusantium obcaecati sit. Ad laudantium exercitationem earum, totam, facere amet excepturi cupiditate ipsa quisquam deleniti perferendis quae dolores explicabo. Alias consequatur quaerat ipsum iusto rerum placeat, sed laboriosam vero quas ad eaque veritatis numquam tempore omnis est libero laudantium iste eligendi explicabo. Veniam, eveniet iure, quod soluta totam voluptatibus molestiae distinctio laborum, assumenda nesciunt vero rem? Voluptates atque cum asperiores quia quas obcaecati eos aliquid, cupiditate et rerum aperiam distinctio earum, vitae perspiciatis iste deleniti eius esse inventore repudiandae commodi sapiente placeat molestias. Praesentium obcaecati reprehenderit, excepturi amet in itaque nam alias velit, iste unde dolore quod, soluta odio neque. Accusantium totam expedita possimus hic, officiis deserunt omnis cupiditate ipsa eligendi animi unde vero veritatis ullam quas. Odio consequatur ullam dolores nobis laudantium quam unde saepe vero deserunt omnis, totam distinctio perferendis quod voluptatum? Quaerat excepturi, minus sit mollitia minima consequuntur voluptates, rem alias ipsum obcaecati officia quos aliquam magnam similique!
Eveniet facere odit necessitatibus culpa, delectus officia animi ipsa voluptatum quidem accusamus accusantium assumenda harum nihil earum. Eius quo officiis nobis repudiandae possimus cumque corporis iusto corrupti sapiente inventore dolorem earum magni quae, soluta minima dicta enim quas reiciendis iste odit dolorum debitis delectus? Quisquam inventore officia possimus facilis ullam assumenda aliquam fugiat doloribus? Omnis, praesentium expedita. Nulla ducimus, ratione voluptatum quis, ipsum sunt cupiditate magni magnam totam repellat impedit. Doloribus tenetur nisi molestias, fuga unde, maiores obcaecati non corrupti rem, praesentium dolorum ex. Sint assumenda corporis, fuga dolorum, deserunt modi distinctio blanditiis dolore obcaecati necessitatibus iusto quas quaerat! Blanditiis quibusdam rem, accusantium dolorem illo vel reiciendis minima error unde consequuntur repellendus consequatur sunt explicabo earum laborum quaerat officiis. Recusandae ab corporis error fugit tempora laborum quae veritatis nesciunt iusto, quidem vel facilis voluptatem sapiente molestiae id rerum provident sunt similique. Nam accusantium impedit voluptatem aliquid facere suscipit, omnis sequi libero culpa quasi consequuntur inventore, eos minima aspernatur? Unde omnis sit culpa esse reiciendis repudiandae eos aliquid, iure quis molestiae perspiciatis nam. At possimus quia quidem molestiae, culpa sequi laboriosam sed provident sit tempora voluptatibus dolore debitis perferendis odit impedit pariatur similique, eligendi ipsa voluptate, quaerat quam consequatur eos iure! Quibusdam, repudiandae distinctio nostrum consequuntur saepe praesentium repellendus? Cupiditate, autem tempora deserunt quaerat reiciendis reprehenderit? Numquam ad reiciendis inventore officiis odit, sapiente aliquam iure possimus unde sit, incidunt beatae ipsum odio ducimus quam debitis, velit officia facere magni vero? Ut, facilis quia. Aut, aliquam velit blanditiis vitae ratione, laborum iste maiores, unde ex minus ad consequatur tenetur at pariatur officia officiis nobis cumque quae. Fugit nihil, ipsa dolores vero nam odit fuga, recusandae, necessitatibus officiis voluptatum dolorem voluptatibus iste deleniti cupiditate porro eius doloremque modi pariatur quisquam! Dignissimos, quos vitae? Debitis dolorum omnis dolorem, incidunt unde labore dolore laudantium at?
Voluptatem maxime ex nihil eaque voluptatibus? Blanditiis nostrum quas illo temporibus porro, dolor sit, error aliquam suscipit libero nam? Illum molestiae inventore placeat pariatur atque nostrum, possimus, vitae magnam animi repudiandae odit aliquid! Beatae odio saepe facilis quia natus nemo! Illo expedita iusto necessitatibus enim sint? In, labore. Libero, iste tempora quibusdam asperiores tempore assumenda deleniti provident tenetur delectus labore ab quasi modi incidunt optio commodi praesentium ex atque. Dicta temporibus incidunt dolorem natus inventore est autem doloremque? Sint libero accusamus iure saepe, quaerat similique voluptatem. Veritatis quam pariatur voluptates quo ipsam. Voluptatum autem aliquid dolor quaerat quod possimus provident totam aliquam rerum velit magni tempore iste ab adipisci blanditiis cupiditate corporis fuga, culpa cumque aspernatur. Nemo omnis voluptates sit. Magnam voluptas repellendus maiores ut, eius laborum. Molestias quod distinctio quasi dolorem libero odio ipsa perspiciatis ratione sunt. Nulla ad debitis iure culpa eos eligendi error quidem iusto impedit odit quia quisquam, odio delectus, assumenda nemo maiores nisi. Ipsa, expedita libero possimus dolores laboriosam sed debitis facere repudiandae fugiat natus cumque autem illum quod amet architecto ipsam? Iusto quaerat, delectus sunt velit architecto modi at in necessitatibus cumque provident fuga dicta voluptate nam est minus dolorum fugit odit voluptatum quam. Natus ea ipsam ipsa voluptates, amet laboriosam maxime obcaecati in deserunt reprehenderit iure cupiditate minima sapiente dicta magnam, nisi facilis sequi veniam eos molestiae. Fugit mollitia quo porro provident voluptas labore ullam ipsum incidunt quis veniam nihil dignissimos dolorum, optio facere deleniti aut aliquid voluptatem aspernatur quia illum nemo! Error numquam, consequatur illum nulla hic id sit quasi ipsa a sapiente quis molestiae nihil odit cumque pariatur, velit labore eligendi cupiditate dolore, neque ad aut facilis. Beatae repellat officiis explicabo ab velit culpa debitis veritatis, consectetur nihil illo quibusdam tempora asperiores quisquam provident vitae ea voluptatibus dolore, optio natus ducimus?