To add progress ring on splash screen using javascript

Question

I am working on win 8 metro app. I have a splash screen. and i want to add progress ring until app gets loaded.. and also how to add progress ring on hubpage untill data gets loaded?

Answer 1

I am working in javascript 

Answer 2

Hi ashu.s,

The sdk SplashScreen sample just has shown you how to display a custom splashscreen (after the default splashscreen finish displaying at startup time). Also, the sample's splashscreen html template has included the progress ring element, it is hidden by default. So you can manually uncomment it to show the progress ring.

#Splash screen sample
http://code.msdn.microsoft.com/windowsapps/Splash-screen-sample-89c1dc78

#How to extend the splash screen (Windows Store apps using JavaScript and HTML) (Windows)
http://msdn.microsoft.com/en-us/library/windows/apps/Hh700390.aspx

And the sample just display the custom splashscreen without automatically dismiss it (it provides a button for user to close the splashscreen). For your scenario, you can add code in the callback event handler of your data loading code (such as using WinJS.xhr) so as to manually dismiss the splashscreen.

---

Please remember to mark the replies as answers if they help and unmark them if they provide no help.