Menus

Roblox Loading Screen GUI

Title, progress bar and rotating tip

Tip: press F to pay respects

A full-screen loading screen with a gradient background, big title, a progress bar (background + animated fill), and a tip line. A great first impression while the game loads.

This template is built entirely from native Roblox instances and is fully editable. Open it in the editor to change colors, text, sizes and layout, then export the result as clean Luau — paste it into a LocalScript inside a ScreenGui and it works as-is.

How to build this

A loading screen covers the viewport while assets stream in. This guide builds a full-screen Frame with a gradient background, a big title, a progress bar whose fill tweens from 0 to full, and a tip line. Once your game is ready, you destroy the GUI. There's also a loading-screen template to start from.

1. Full-screen background and title

Set IgnoreGuiInset = true on the ScreenGui so the frame covers the whole viewport including the top bar. A UIGradient on the background Frame gives it depth.

2. The progress bar

The bar is two Frames: a dark track and a colored fill. The fill starts at Scale 0 width and you tween it up as loading progresses.

Read the full How to Make a Roblox Loading Screen GUI guide →

Build it for your screen type

Roblox GUI Maker for Loading Screens

A loading screen covers the whole viewport while assets stream in — a title, a progress bar that fills, and a rotating tip. Once the game is ready, it disappears.

More templates

Main Menu

Shop

Settings