# Boot your ajax app: Creating a splash screen with NProgress

DevFeed: [Boot your ajax app: Creating a splash screen with NProgress](<https://devfeed.tech/articles/boot-your-ajax-app-creating-a-splash-screen-with-nprogress-21208.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2013/12/nprogress-splash-screen/>)

Published: 2013-12-05T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Ajax](<https://devfeed.tech/topics/ajax.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [caching](<https://devfeed.tech/tags/caching.md>), [code-splitting](<https://devfeed.tech/tags/code-splitting.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [screen](<https://devfeed.tech/tags/screen.md>), [splash-screen](<https://devfeed.tech/tags/splash-screen.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

## AI overview

This tutorial explains how to use a splash screen and NProgress while a single-page JavaScript application starts. It describes hiding the app container, showing a progress indicator, loading JavaScript, templates, and backend data, and revealing the application when loading is complete. It also cautions that optimizing startup with code splitting, lazy loading, caching, or server-side rendering is preferable to relying on progress bars.

## Source excerpt

Lorem ipsum dolor sit amet