https://github.com/d4isdavid/loadscreen
Clean and fully configurable loading screen for FiveM.
https://github.com/d4isdavid/loadscreen
cfx fivem fxserver loading-screen loadscreen
Last synced: 11 months ago
JSON representation
Clean and fully configurable loading screen for FiveM.
- Host: GitHub
- URL: https://github.com/d4isdavid/loadscreen
- Owner: D4isDAVID
- License: mit
- Created: 2023-08-04T23:40:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-10T17:08:39.000Z (over 1 year ago)
- Last Synced: 2025-04-15T00:15:58.550Z (11 months ago)
- Topics: cfx, fivem, fxserver, loading-screen, loadscreen
- Language: JavaScript
- Homepage: https://forum.cfx.re/t/5157073
- Size: 7.62 MB
- Stars: 25
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# loadscreen
Clean and fully configurable loading screen for FiveM ([preview]).
Need support? Check out the [Discord server](https://discord.gg/rdjpS2K8hC)!
- [Key Features](#key-features)
- [Configuration](#configuration)
## Key Features
### Multiple Loading Bars
The loading screen features a main loading bar representing the % of total
loading done, and a secondary loading bar representing the % of the current
step done. The secondary loading bar is disabled by default.
### Background Media
The loading screen features optional configurable background images, music,
and video.
### No Bridge
The loading screen shows up until all resources are done loading or until
another resource shuts it down, depending on the configuration.
### Multiple Styles
The loading screen comes with 3 styles by default:
- Classic: the style provided since v1.0.0;
- Modern: a modernized layout;
- Minimal: everything is condensed and centered (default).
The config can switch between these 3. Alternatively, you may create your own
CSS style and use it in the config instead.
### Fully Configurable
This loading screen offers a huge amount of options to enable you to configure
it for your server to a T.
## Configuration
Configuration is handled through [convars].
See [`loadscreen.cfg`](./loadscreen.cfg) for examples & explanations.
[preview]: https://d4isdavid.github.io/loadscreen/
[convars]: https://docs.fivem.net/docs/scripting-reference/convars/