Lately I’ve seen quite a few websites that have some kind of an indicator to display the current reading position (how much you have “read”, depending on how far you have scrolled down an article). In this article, we’ll focus on a technique that uses a horizontal progress bar as the indicator. But instead of using traditional div/span(s) and some non-linear math to build the indicator, we will use the HTML5 progress element.
Tag Archives: progress
NProgress.js
A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
JS Library to implement a website loading bar on your site.
Alternative: PACE →
Html5 File Upload with Progress
Html5 finally solves an age old problem of being able to upload files while also showing the upload progress. However it is fairly complicated and not for the faint of heart because you are essentially taking over the entire server side processing (when you tap into the byte stream) and that includes implementing the
multipart/form-data
protocol on the server side, along with a bunch of other things.