10 comments

  • Eduard GiménezEduard Giménez, 7 years ago

    The compiled HTML plus the compiled CSS is: 79kb. For a loading bar. Yes, it's way too much.

    7 points
    • Oliver PattisonOliver Pattison, 7 years ago (edited 7 years ago )

      I looked at the compiled CSS and was shocked, but hold on a moment. Not to defend it, but it’s only 8 KB gzipped. For example, if you were to use it outside of CodePen and it were not inlined in the document head, it would not actually be as large as 79 KB.

      I agree that it is way over the top for a loading animation. Hopefully you’d never need one this slow and heavy (or at all!). I don’t think I could ever justify even 8 KB for a loading animation.

      1 point
    • Olivier FOlivier F, 7 years ago

      Yeah you have to be careful with those CSS pre-processors:

      58 lines of SCSS become 4223 lines of CSS in this case!

      1 point
  • Ian GoodeIan Goode, 7 years ago

    Wouldn't have even known it was a loading bar though.

    6 points
  • Jon DarkeJon Darke, 7 years ago

    If your loading bar needs a loading indicator, I think it's safe to say it's overkill

    5 points
  • Daniel SamuelsDaniel Samuels, 7 years ago

    As with any design element, it depends on the context.

    4 points
  • Nice ShoesNice Shoes, 7 years ago (edited 7 years ago )

    If you're going to make me wait for a page to load then it better be awesome like this.

    1 point
  • Jasper MijdamJasper Mijdam, 7 years ago

    Unfortunately, yes, too much!

    Since I'm 'western' and read from left to right, the loading bar going the opposite way wasn't really telling me 'we are on our way to being ready'. As in, it doesn't show loading, nor progress.

    0 points
  • Ty Magnin, 7 years ago

    tough for me to recognize that it is in face a loading bar...maybe contextualize it with the word loading?

    0 points
  • Drew McDonaldDrew McDonald, 7 years ago

    Yes but I think it looks kind of neat and I can tell it was a creative venture.

    0 points