Menu
Download Timeline Template 33. Business Templates. Post navigation. 50 Free Newsletter Templates for Work, School and Classroom. 41 Free Non Disclosure Agreement Templates, Samples & Forms. Related Posts. 41 Free Venn Diagram Templates (Word, PDF) September 5, 2018. 29 Great Pay Slip / Paycheck Stub Templates. 8 Project Timeline Template - Create Single and Multiple Project Timeline in Excel and PowerPoint, PPT. Simple, Easy, Sample and Free to Download and use in Project Management.
Is it possible to make a timeline using HTML, CSS and JavaScript/jQuery?
Kindly reply with the links of some useful tutorials.
halfer15k77 gold badges6060 silver badges122122 bronze badges
Ashish SaxenaAshish Saxena16722 gold badges55 silver badges1717 bronze badges
3 Answers
Here is a simple vertical timeline with css transitions.
Just copy and paste.http://jsfiddle.net/yinnette/XdQ5Y/
Here is the HTML:
Here is the CSS:
Here is the JQuery:
YinnetteYinnette
![Timeline Timeline](http://www.free-power-point-templates.com/articles/wp-content/uploads/2016/04/Timeline-generator-template-for-PowerPoint.png)
You might want to consider this:
or any of these too:
HirveshHirvesh3,1421212 gold badges4545 silver badges6565 bronze badges
Beware with FireFox you need put margin-left at 86px on '.timeline'
As3uSAs3uS
![Template Template](/uploads/1/2/5/8/125824479/804697239.png)