A widget containing a list of suggested articles, with a reading progress indicator powered by SVG, CSS and jQuery.It’s been enriched by a filling effect to indicate the reading progress and SVG is used to animate the stroke property of a circle element.
Note that the url changes according to the article in focus, in case the user wants to share a specific article as opposed to the whole page.
[gpp_button color=”blue” url=”https://codyhouse.co/demo/reading-progress-indicator/index.html” title=”Reading Progress Indicator” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”https://codyhouse.co/gem/reading-progress-indicator/” title=”Reading Progress Indicator” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]
