Animating UI for custom teleport load screen

Help and Feedback Scripting Support
#1

I want to animate my UI for my custom load screen when my player is teleporting from one place to another. However, when my screen loads during teleportation, no animation occurs. Anyway around this?

This is how I am creating my ScreenGUI:

local screenGui = Instance.new("ScreenGui")
screenGui.IgnoreGuiInset = true
screenGui.Parent = playerGui
local textLabel = Instance.new("TextLabel")
textLabel.Size = UDim2.new(1, 0, 1, 0)
textLabel.BackgroundColor3 = Color3.fromRGB(0, 20, 40)
textLabel.Font = Enum.Font.GothamSemibold
textLabel.TextColor3 = Color3.new(0.8, 0.8, 0.8)
textLabel.Text = "Loading"
textLabel.TextSize = 28
textLabel.Parent = screenGui
local loadingRing = Instance.new("ImageLabel")
loadingRing.Size = UDim2.new(0, 256, 0, 256)
loadingRing.BackgroundTransparency = 1
loadingRing.Image = "rbxassetid://4965945816"
loadingRing.AnchorPoint = Vector2.new(0.5, 0.5)
loadingRing.Position = UDim2.new(0.5, 0, 0.5, 0)
loadingRing.Parent = screenGui

-- set the loading gui for the destination place
TeleportService:SetTeleportGui(screenGui)

TeleportService:Teleport(place_id)
#2

in fact it does animate but its running very fast. for this you may need to use Tween service TweenService | Roblox Creator Documentation