--- title: "On Scroll Line Filling" url: https://cooltimeline.com/demo/scroll-line-filling-timeline/ date: 2025-11-11 modified: 2026-09-25 lang: en author: "cpsatinder" description: "On Scroll Line Filling Mid-line Filling on Timeline Scrolling Add smooth mid-line filling effects during scrolling with flexible timeline settings for better visual engagement. Cool Timeline Pro ASC/DESC Navigation Animation..." image: https://cooltimeline.com/wp-content/uploads/2025/12/on_scroll_line_filling.jpg word_count: 187 --- # On Scroll Line Filling **On Scroll Line Filling** # Mid-line Filling on Timeline Scrolling Add smooth mid-line filling effects during scrolling with flexible [timeline settings](https://cooltimeline.com/doc/timeline-settings-cool-timeline/) for better visual engagement. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ ASC/DESC ](/demo/order-asc-desc-timeline/) [ Navigation ](/demo/scrolling-navigation-timeline/) [ Animation ](/demo/animation-effects-timeline/) [ Load More ](/demo/ajax-load-more-or-pagination/) [ Category ](/demo/category-filters-timeline/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) Horizontal One Sided Vertical #### With Horizontal Timeline- (Modern Design) 25 Sep, 2007 19 Nov, 2007 22 Mar, 2011 19 Mar, 2012 01 Jul, 2012 [Amazon Announces Launch of Amazon Music](https://cooltimeline.com/timeline/amazon-announces-launch-of-amazon-music/)[![Amazon Announces Launch of Amazon Music](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-6.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-6.png)In September 2007, Amazon announced the launch of Amazon Music, a streaming service offering millions of songs and… [Read More](https://cooltimeline.com/timeline/amazon-announces-launch-of-amazon-music/) [Amazon Kindle For Books](https://cooltimeline.com/timeline/amazon-kindle-for-books/)[![Amazon Kindle For Books](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-7.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-7.png)Amazon Kindle was introduced in 2007 and it revolutionized reading by offering a portable e-reader with access to… [Read More](https://cooltimeline.com/timeline/amazon-kindle-for-books/) [Amazon App Store Launched](https://cooltimeline.com/timeline/amazon-app-store-launched/)[![Amazon App Store Launched](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-9.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-9.png)In March 2011, Amazon launched its Appstore, offering a wide range of apps and games for Android devices.… [Read More](https://cooltimeline.com/timeline/amazon-app-store-launched/) [Acquires Kiva Systems](https://cooltimeline.com/timeline/acquires-kiva-systems/)[![Acquires Kiva Systems](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-10.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-10.png)In March 2012, Amazon acquired Kiva Systems, a company specializing in robotic automation for warehouses. This purchase aimed… [Read More](https://cooltimeline.com/timeline/acquires-kiva-systems/) [Acquires GoodRead](https://cooltimeline.com/timeline/acquires-goodread/)[![Acquires GoodRead](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-11.png)](https://cooltimeline.com/wp-content/uploads/2019/08/amazon-11.png)In 2012, Amazon bought Goodreads, a popular book recommendation site. This purchase aimed to connect Goodreads’ large community… [Read More](https://cooltimeline.com/timeline/acquires-goodread/) ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="horizontal" category="amazon-history" skin="light" designs="design-6" show-posts="5" order="ASC" items="1" icons="icon" story-content="full" date-format="d M, Y" based="default" autoplay="false" autoplay-speed="3000" start-on="0" line-filling="true" story-content="short" content-length="15"]] ` #### With One Side Timeline- (Modern Design) 2011June 28 [Google Plus Released](https://cooltimeline.com/timeline/google-plus-released/)[![Google Plus Released](https://cooltimeline.com/wp-content/uploads/2021/08/google-15.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-15.png)Google+ was released in June 2011 as a social networking… [Read More](https://cooltimeline.com/timeline/google-plus-released/) May 01 [Record 1 Billion Unique Site Visitors](https://cooltimeline.com/timeline/record-1-billion-unique-site-visitors/)[![Record 1 Billion Unique Site Visitors](https://cooltimeline.com/wp-content/uploads/2021/08/google-14.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-14.png)Google achieved a record 1 billion unique site visitors in… [Read More](https://cooltimeline.com/timeline/record-1-billion-unique-site-visitors/) February 23 [Google Panda Algorithum Update](https://cooltimeline.com/timeline/google-panda-algorithum-update/)[![Google Panda Algorithum Update](https://cooltimeline.com/wp-content/uploads/2021/08/google-13.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-13.png)Google Panda algorithm update, launched in February 2011, aimed to… [Read More](https://cooltimeline.com/timeline/google-panda-algorithum-update/) 2008November 05 [Yahoo Drops Partnership With Google](https://cooltimeline.com/timeline/yahoo-drops-partnership-with-google/)[![Yahoo Drops Partnership With Google](https://cooltimeline.com/wp-content/uploads/2021/08/google-6.png)](https://cooltimeline.com/wp-content/uploads/2021/08/google-6.png)In 2008, Yahoo ended its partnership with Google, shifting to… [Read More](https://cooltimeline.com/timeline/yahoo-drops-partnership-with-google/) Page 2 of 5 [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/1/) [1](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/1/) 2 [3](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/3/) … [5](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/5/) [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="one-side" designs="design-6" skin="light" category="google-history" show-posts="4" order="DESC" icons="icon" animations="fade-up" date-format="F d" story-content="full" line-filling="true" story-content="short" content-length="10"]] ` #### With Vertical Timeline- (Modern Design) 1789French Revolution [The Beginning of the French Revolution](https://cooltimeline.com/timeline/beginning-french-revolution/)[![The Beginning of the French Revolution](https://cooltimeline.com/wp-content/uploads/2021/08/bc-5.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/bc-5.jpg)The Estates began their meeting at Versailles on May 5, 1789 and quickly entered into a power struggle. The Third… [Read More](https://cooltimeline.com/timeline/beginning-french-revolution/) 1837Queen Victoria [Victoria Becomes Queen, 1837](https://cooltimeline.com/timeline/victoria-becomes-queen-1837/)[![Victoria Becomes Queen, 1837](https://cooltimeline.com/wp-content/uploads/2021/08/bc-6.jpg)](https://cooltimeline.com/wp-content/uploads/2021/08/bc-6.jpg)She became England’s longest reigning monarch, her offspring governed Europe, she gave her name to an era, but she was… [Read More](https://cooltimeline.com/timeline/victoria-becomes-queen-1837/) 1914 - 1918First World War [First World War 1914-18](https://cooltimeline.com/timeline/first-world-war-1914-18/) **![](https://img.youtube.com/vi/PbwH1ZBnYds/hqdefault.jpg) The First World War, also referred to as the Great War, lasted from 1914-1918. It was supposed to be “The… [Read More](https://cooltimeline.com/timeline/first-world-war-1914-18/) 1939–1945Second World War [Second World War (1939–1945)](https://cooltimeline.com/timeline/second-world-war/)[![world-war](https://cooltimeline.com/wp-content/uploads/2026/01/world-war-2.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/world-war-2.jpg)The Second World War was the largest and deadliest conflict in history, involving nations across Europe, Asia, Africa, and the… [Read More](https://cooltimeline.com/timeline/second-world-war/) Page 2 of 3 [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/1/) [1](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/1/) 2 [3](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/3/) [**](https://cooltimeline.com/demo/scroll-line-filling-timeline/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-6" skin="default" category="bc-ad-timeline" based="custom" story-content="short" show-posts="4" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-4" filters="no" line-filling="false" read-more="show" content-length="20" show-title="show" equal-height="false"]] `