Grow your CSS skills. Land your dream job.

Creating a loading symbol

  • # April 2, 2013 at 10:25 pm

    i want to create a loading symbol that loads according to the size of the content that is loading…

    # April 3, 2013 at 8:20 am

    Do you mean so that the loading icon (spinner?) is the same size as the parent that it is in?

    # April 3, 2013 at 12:29 pm

    Also, not a direct answer, but here’s a great resource for creating spinners if you don’t have one yet: http://james.padolsey.com/javascript/sonic-the-state-of-spinners/

    To answer your actual question, you’ll need to use some JS. How much or how little depends on your site.

    # April 3, 2013 at 10:14 pm

    thanks! @TheDoc its an alternative to what i asked.
    @TheTechBox – by size i meant like if the content(e.g.- an image) is of 100kb and it is loaded 50kb, then the spinner should show 50% loaded..

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".