Progress Bar Tutorial [ F2U ]'s Comments

FROSKII

dude how do u even change the progress

(edit) i i figured it out but how do i make the bar itself not so big

K90-Nyel

Everything is explained somewhere on the page

do you mean the height of the bar ?

FROSKII

na like its too long

K90-Nyel

Use that but just change "height" by "width" then

FROSKII

ya doing that changes the progress on the bar but not the actual bar itself

K90-Nyel

It does

<div class="progress" style="width:50px;"><div class="progress-bar" style="width:50%;background-color:#FCD063;"><br></div></div>

StarclansProphecy

How do I make it go further? Like grow? I'm new to coding :(

K90-Nyel

Do you mean the width of the bar itself or the of filling % ?
If you're talking about the 'filling' color it's explained on the page :

StarclansProphecy

i figured it out, i cant grasp code too well but this helped :)

LEGENDAR

this is beautiful! thank you so much! :D

K90-Nyel

You're very welcome ! 👍✨

CupcakePupz

Hey there! I'm trying to put one together piece by piece, and have no idea how to make it work. I wanted a round, animated stripe on with text on the left, but have no idea on how i need to arrange each piece of code to get it to work. Can you help give me some steps on how to organize it? ;w; if not, i can use one of your pre-made ones! Tysm!

EDIT: Nvm im stupid. Theres already a pre-made on that is just like how i describe. LMAO- I LOVE THESE

capybara

Hi there! Sorry if this is a silly comment but on the first progress bar model (half, no striped, not animated) would the way of adding text be the same?

K90-Nyel

Yes it should be :0 let me know if you're having troubles I'll try and help you !

capybara

Okay thank you! Was just clarifying!! :)

DroopyPawpads

That's so cool! Thanks for sharing! =•♡•=

K90-Nyel

no problem, hope it's usefull !