Loading Screen
Map loading screen with progress bar and status text.
Loading Screen
The CS 1.6 map loading screen — centered logo, server and map info, animated progress bar, and status messages. Includes the authentic build number and protocol version.
Interactive Preview
COUNTER-STRIKE
dust2 24/7 | Competitive
Map: de_dust2
Parsing game data...
Build 4554
Protocol 48
Usage
import { LoadingScreen } from "@/components/ui/cscn/loading-screen";
<LoadingScreen
mapName="de_dust2"
serverName="dust2 24/7 | Competitive"
progress={65}
statusText="Receiving game data..."
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
mapName | string | "de_dust2" | Map being loaded |
serverName | string | "Counter-Strike Server" | Server hostname |
progress | number | 0 | Loading progress (0-100) |
statusText | string | "Connecting..." | Current status message |