Hey guys,
I could not post in Releases so i decided to make the post here. Sorry if this is a problem.
EDIT: Thanks to Syntasu for moving the topic to Releases.
This does exactly what the title says, it makes the vRP thirst and hunger bars look much better. (Also, now when you’re hungry or thirsty the bar is at 0% just like the ingame HP bar would be if you had 0 HP so in the photo bellow I was almost thirsty.)
Works best on: 1920x1080, 1600x900, 1366x768, 1280x720, 1024x768 (If you want any other resolutions just leave a comment and I might make an update.)
Download link: https://github.com/KilobaiD/FiveM-Scripts/tree/master/vRP/vRP_HungerThirstGUI
How to install:
- Go to resources/vrp/gui and replace ProgressBar.js.
- Change (optional)
/* progress bar */
.progressbar{
position: absolute;
}
.progressbar .inner{
}
.progressbar .label{
position: absolute;
color: white;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px black;
}
to
/* progress bar */
.progressbar{
position: absolute;
padding-top:3px;
padding-bottom:3px;
}
@media only screen and (max-width: 1366px) {
.progressbar{
position: absolute;
padding-top:2px;
padding-bottom:2px;
}
}
.progressbar .inner{
}
.progressbar .label{
position: absolute;
color: white;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px black;
}
inside your design.css file.
Thanks to KilobaiD for helping me figure out how to make it responsive.
10 Likes
How can i do this on ESX?
I don’t know mate, I’m sorry, never used ESX but I might take a look at it in the future.
3 Likes
Can you make a life bar also? 
hmm, what is a life bar, can you please be more specific?
a health bar so you can see your life when you do not have the radar
Oh, this is just an improvement to the original vRP progressbar, not a standalone resource so if the health bar is not already on Dunko’s vRP v6.6 I’m afraid i can’t help you.
I’m gonna talk to @cozonaq and we will probably make a health bar.
my screen and 1600x900 but the bars were out of position what do I do to change their position?
I move on the measurements but only the thirst bar adjusting. the one of the hunger does not leave the place.
I love you <3 I’ve been looking for this a long time.
same problem with the bar, somebody help
To - @JaroSound
This is only for vRP…
I dont think there is any release to one like that on Esx…
It was like this for me 
I tested at 720p and 900p and did not get
@SuperTSGAMES @Tdsmeister @davinte
The game has to be te exact resolution. For example if you screen is 1600x900 and the game is windowed, the resolution of the game is actually smaller than 1600x900. Also, do not use Alt+Enter to switch from windowed to fullscreen, change the resolution from the settings.
Great job! Looks much better than standart.
Screenshot
@Prentiss thanks ^^, I’m glad I could help
@hartturmch I guess you copy-pasted some code instead of replacing the whole ProgressBar.js file, right? Try replacing it with the one from github.
1 Like
i’ve replaced the progressbar with the one from github… not copy-pasted the code…
Just in “design” i’ve copy pasted… but the progressbar i downloaded from github and replaced
@cozonaq
