progre c ss
Languages and libraries
css library
SHOW HN2014
How HN took it
4 positive, 5 neutral or asking, 1 mixed, 2 critical, out of 12 comments about the project. Thread score +0.04.
Design: 1 for, 1 againstExecution: 1 for, 0 againstDocs: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Simple to add to existing elements without changing design
From 2 comments
Oh, indeed, that's definitely an improvement. Didn't realize I could put the 'progrecss' on any element.
gberger on HNYeah that's the angle I was going for with this so it's just super simple to add it wherever you want it without having to worry about layouts etc. or borking your elements.…
codez on HN
Useful pure CSS approach
From 2 comments
Sweeet, I like it!
Ryel on HNI like it. Any chance of a SASS (ie., SCSS) version?
lobster_johnson on HN
Objections
Setup instructions unclear; missed the data attribute step
From 1 comment
I spent way too long trying to figure out how the hell this CSS only bar knew the current page progress. Missed step 3 on this page: ``` add a data attribute data-progrecss…
rpicard on HN
Requires a percentage to be set, unlike nprogress
From 1 comment
nprogress is still better since you don't need to define a %. Instead it slowly advances automatically until you call .done()
wololo_ on HN
Conflicts with elements already using pseudo-elements
From 1 comment
what if your element is already using its pseudo-elements?
ultimatedelman on HN
Requests
Sass/SCSS version
From 1 comment
I like it. Any chance of a SASS (ie., SCSS) version?
lobster_johnson on HN
JavaScript helper to start and stop progress
From 1 comment
I would definitely emphasize that it's pure CSS, because it wasn't obvious to me when I looked. Instead of ``` custom css progress bars with minimal effort! ``` you could write:…
lobster_johnson on HN
Questions
How to update the progress value with JavaScript
From 1 comment
So you would need to update ``` data-progrecss="X" ``` using JS or whatever at each "progress step" update.
sergiotapia on HN
Alternatives named
nprogress
From 1 comment
nprogress is still better since you don't need to define a %. Instead it slowly advances automatically until you call .done()
wololo_ on HN
PACE
From 2 comments
It _is_ possible http://github.hubspot.com/pace/docs/welcome
sfeng on HNPACE just does it all automatically: http://github.hubspot.com/pace/docs/welcome
sfeng on HN