> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/pdf-creator/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/pdf-creator/tips/adding-a-loading-screen.md).

# Adding a loading screen

### Video Tutorial

The below video tutorial demonstrates how to add a loading screen while PDFs are being generated in your Bubble app (relevant section is from 38:05):

{% embed url="<https://www.youtube.com/watch?t=2285s&v=gaFNz7UHDkI>" %}

### Instructions

If your users are creating large PDFs that take some time to create, you may wish to display a loading screen.

You can show an element directly after the 'Generate a PDF Creator' action is run. In this example, I'm using a floating group as a loading screen:

<figure><img src="/files/m59PJAZuG5g9X8Z2ODPr" alt=""><figcaption></figcaption></figure>

You can then use the 'When PDF Creator downloaded' action to hide the loading screen when the PDF has been successfully downloaded:

<figure><img src="/files/rOAhsfnSU7dXvLSXSZhj" alt=""><figcaption></figcaption></figure>

You can also hide the loading screen (which is FloatingGroup A in this example) using the 'When PDF Creator is saved to database' action.