jquery - Web page loading text -

-

maybe question before wasn't able find relevant answer needs. ask how people make loading text, text grey example , left right becoming white while page load. when reach end - page loaded , page show. same thing spinners... or example how make page show loading 0%, 1% - 100% , when it's 100% page load... best way accomplish this?

thanks.

some comments here not possible without flash have seen done in pure html before. common in complex demo / visualisation apps , web apps.

the trick page loads javascript code kicks in preload images , other resources cache. can monitor progress of using javascript , update progress bar while you're doing it.

this article discusses caching images first comment @ end links article caching other resources:

i've seen done quite lot if page loads lot of content through ajax request. enable require quite structural change site though if you're not loading in parts of page via ajax. if use ajax can send request out, set spinner animation display, , have "ajax request complete" callback remove spinner , "done!". not interactive progress bar option though.

finally basic version of guess adding after <body> hide page , in jquery ready event fade div out hid content. no interactive progress bar think work.


Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more