All
Layout
Scroll-Filled Timeline
An alternating left / right timeline in a scroll area: the center line fills as you scroll and each step slides in; one column when space runs out.
No dependency: paste the HTML into your page, the CSS into your stylesheet, and the JavaScript into a function that receives the parent element (root).