This is a great way to show a timeline on your next website, it has an animated stem that changes color and fills in as you scroll down or click on the next section. You can also scroll back to reverse the animation. The timeline is in the center and the content is filled in on the left and right but on small screen devices, the timeline moves to the left and all the content loads on the right. Designed by Nicklas Sandell
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen Colored Stem by Nicklas Sandell (@nicklassandell) on CodePen.0