How To Make Progress Bar And Circular with Counter Up | Using HTML CSS

  Рет қаралды 37,776

Syntax Studio

Syntax Studio

Күн бұрын

Пікірлер: 116
@miguelsealtiel2108
@miguelsealtiel2108 12 күн бұрын
instead of a python icon, can I put a C# icon? I tried
@durgasatish3503
@durgasatish3503 3 ай бұрын
I each section you are giving one task to us 😂😂 finally comment box is helping us🎉
@chaabaniahmed7140
@chaabaniahmed7140 Жыл бұрын
I like it Can i get the source code please
@prosperchinoda
@prosperchinoda 9 ай бұрын
30:41 the circular percentage (blue round) it's the same for all elements even at different percentages 😂
@SyntaxStudioTv
@SyntaxStudioTv 9 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@iconic-op
@iconic-op 7 ай бұрын
same problem bro
@iconic-op
@iconic-op 7 ай бұрын
do you know how to correct it
@aakashteotia223
@aakashteotia223 7 ай бұрын
@@iconic-op brother you find solution or not?
@iconic-op
@iconic-op 7 ай бұрын
@@aakashteotia223 no bro, I am also searching for solution
@PlantingWithPinki
@PlantingWithPinki Жыл бұрын
Thank you.. This help me too much I love this
@Coding____digital____wallah01
@Coding____digital____wallah01 8 ай бұрын
. Technical-bars .bar . progress-line. Not working line and colour please help me
@anirbanghosh1888
@anirbanghosh1888 8 ай бұрын
same
@aakashteotia223
@aakashteotia223 7 ай бұрын
you find solution or not?
@guylibote527
@guylibote527 3 ай бұрын
Same me, explain us
@itsmebhuvi5800
@itsmebhuvi5800 Жыл бұрын
Animation and progress bar not work cheyla bro can any one help me
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@royalchanger2892
@royalchanger2892 6 ай бұрын
#HCJsCoder subscribe kardo
@ftn_imran
@ftn_imran 4 ай бұрын
@@SyntaxStudioTv yr ispe to join kr liya hu but koi update nhi aa rha hai plzz source code de do plzzz
@ftn_imran
@ftn_imran 4 ай бұрын
@@SyntaxStudioTv progress bar ka hi code de do plzz
@shahabhosseiniashna1710
@shahabhosseiniashna1710 Жыл бұрын
perfect
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
Thank you bro 😊
@royalchanger2892
@royalchanger2892 6 ай бұрын
#HCJsCoder subscribe kardo
@navas1169
@navas1169 Ай бұрын
Professional skill color not changes? Solution here. First change @keyframes animate-path 1 to 4. After that change . path-1 {animation : animate-path1 1s 1s linear forward }. This line also change animate-path 1 to 4
@laizuakram
@laizuakram Жыл бұрын
.Technical-bars .bar .progress-line span ..color not working
@jasmineaichannel6177
@jasmineaichannel6177 Жыл бұрын
Mee too
@Coder_kingg
@Coder_kingg Жыл бұрын
Same problem
@stevebros623
@stevebros623 Жыл бұрын
Me to same problem 😕
@Fathi_editz_
@Fathi_editz_ Жыл бұрын
Same problem bro even I too
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@Spacetime23
@Spacetime23 7 ай бұрын
thanks a lot.. you saved my arse !
@AkshayJaiswal-k6p
@AkshayJaiswal-k6p 5 ай бұрын
skills page not giving proper response like yours can you provide the source code
@TonToni
@TonToni Жыл бұрын
10:18 you should write 0.5 instead of 0,5!
@TonToni
@TonToni Жыл бұрын
also you didn't change the path numbers!
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@anshulraina1819
@anshulraina1819 Жыл бұрын
THANK YOU !
@krishnabhattarai2993
@krishnabhattarai2993 11 ай бұрын
Thank you bro you solved my problem...
@Ergovan
@Ergovan 11 ай бұрын
I got stuck in the blue animation part, but even though I wrote everything, the blue animation did not come. Is there anyone who solved it?@@krishnabhattarai2993
@skRazak-ss5sq
@skRazak-ss5sq 6 ай бұрын
bro how to see your preview in live tell me bro
@entertainment.243
@entertainment.243 11 ай бұрын
Technical-bar Progressive bar color is not working bro...
@MalekRezig
@MalekRezig 11 ай бұрын
please if you have the source code please send it to me
@SyntaxStudioTv
@SyntaxStudioTv 10 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@aakashteotia223
@aakashteotia223 7 ай бұрын
you find solution or not?
@kamatchip7396
@kamatchip7396 5 ай бұрын
. Technical-bars not working bro pls help me
@monianbu9641
@monianbu9641 Жыл бұрын
Pls do this concept using react js and materials ui methods pls upload the video
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
soon bro. i will make this 😊
@rushmitha7461
@rushmitha7461 5 ай бұрын
Bro pls respond in technical skills progress line is not working I have already joined in the what's app channel
@r.smanikanta6292
@r.smanikanta6292 5 ай бұрын
Key frames not working
@tamanesh_13
@tamanesh_13 9 ай бұрын
it's not working.. can I get the source file. and also I've joined to your whatsapp channel it's not there .. please help me
@SyntaxStudioTv
@SyntaxStudioTv 9 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@sivak7897
@sivak7897 5 ай бұрын
Bro i need technical bar source code i already followed your channel
@sumanbeldarrn-5787
@sumanbeldarrn-5787 7 ай бұрын
Bhai technical Skills k niche professional skills aa raha, professional skills ko kse technical Skills k bgl m equally shift kare
@lynx__gauu
@lynx__gauu 6 ай бұрын
Main container, jisme technical content and professional content he, usko display :flex kr dijiye
@marokhanediting2900
@marokhanediting2900 2 күн бұрын
​@@lynx__gauu no it's not working 😢
@shreyasadiga4725
@shreyasadiga4725 5 ай бұрын
I want source code for this
@simronpaul3179
@simronpaul3179 11 ай бұрын
can you please give me the source code file?
@SyntaxStudioTv
@SyntaxStudioTv 10 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@Lalalavaa
@Lalalavaa 10 ай бұрын
@@SyntaxStudioTv its not there
@Coder_kingg
@Coder_kingg Жыл бұрын
Circle bana rahe hai leki circle absolute right me. Nahi aa raha hai
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
can you speaking english
@Fathi_editz_
@Fathi_editz_ Жыл бұрын
​@@SyntaxStudioTv circle alignment text and percentage is not correct position bro
@Adeeva.Muslimah
@Adeeva.Muslimah 9 ай бұрын
Yeah He is right… Your text and percentage aligned but that's not the same for us… The circle percentage and text is not looking good with the code you provided
@kadirhussain9265
@kadirhussain9265 Жыл бұрын
Bhai half display me code kar rhe dilh bhi nhi rha sahi se
@maryamsadaf8308
@maryamsadaf8308 Жыл бұрын
Wo b without voice 😢
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@SaraKhan-ix7oc
@SaraKhan-ix7oc 7 ай бұрын
Sir please provide source code i follow ur WhatsApp channel
@NSRagul
@NSRagul 14 күн бұрын
Bro the blue line 90% is not come bro my code is correct but it's not working the black line is show i change into 0.5 but the blue line is not come This is the code I put .Technical-bars .bar .progress-line{ position: relative; border-radius: 10px; width: 100%; height: 5px; background-color: white; animation: animate 1s cubic-bezier(1,0,0.5,1)forwards; transform: scaleX(0); transform-origin: left; } @keyframes animate{ 100%{ transform: scaleX(1); } } .Technical-bars.bar.progress-line span{ height: 100%; position: relative; border-radius: 10px; background-color: rgb(115, 0, 255); animation: animate 1s 1s cubic-bezier(1,0,0.5,1)forwards; transform: scaleX(0); transform-origin: left; } .progress-line.html span{ width: 90%; } Please tell the solution
@tonyeditz621
@tonyeditz621 11 ай бұрын
bro i already follow your whatsapp channel give me source code
@SyntaxStudioTv
@SyntaxStudioTv 10 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@royalchanger2892
@royalchanger2892 6 ай бұрын
#HCJsCoder subscribe kardo
@royalchanger2892
@royalchanger2892 6 ай бұрын
#HCJsCoder subscribe kardo
@shreyasadiga4725
@shreyasadiga4725 5 ай бұрын
Bro i already following ur Channel but I didn't get any source code
@codinglife128
@codinglife128 11 ай бұрын
Video upload karn hai complete concept upload karo progress work nahi kar raha hai i subscribe
@SyntaxStudioTv
@SyntaxStudioTv 10 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@officalTechno894
@officalTechno894 Жыл бұрын
bhaiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii kaise ho
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@gabrielguardo5677
@gabrielguardo5677 Жыл бұрын
y tienes el código ? ya te estoy siguiendo en whatsapp
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@vivektiwari1029
@vivektiwari1029 10 ай бұрын
can you give me source code
@SyntaxStudioTv
@SyntaxStudioTv 9 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@ftn_imran
@ftn_imran 4 ай бұрын
@@SyntaxStudioTv . Technical-bars not working bro pls help me
@SirajOli-r3r
@SirajOli-r3r 10 ай бұрын
source code please
@SyntaxStudioTv
@SyntaxStudioTv 9 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@mansimhatre6780
@mansimhatre6780 Жыл бұрын
plz get the source code
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@ftn_imran
@ftn_imran 4 ай бұрын
@@SyntaxStudioTv . Technical-bars not working bro pls help me
@guylibote527
@guylibote527 3 ай бұрын
😤😤😤 Always don't fobctionnality why do you publication the code don't fonctionnality
@prosperchinoda
@prosperchinoda 10 ай бұрын
Source code
@SyntaxStudioTv
@SyntaxStudioTv 9 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@royalchanger2892
@royalchanger2892 6 ай бұрын
#HCJsCoder subscribe kardo
@ftn_imran
@ftn_imran 4 ай бұрын
@@SyntaxStudioTv . Technical-bars not working bro pls help me
@sayematulislam
@sayematulislam 10 ай бұрын
code ta balo kore buja jaena
@SyntaxStudioTv
@SyntaxStudioTv 10 ай бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@kadirhussain9265
@kadirhussain9265 Жыл бұрын
Source code de do bhai
@SyntaxStudioTv
@SyntaxStudioTv Жыл бұрын
follow this WhatsApp Channel whatsapp.com/channel/0029Va6SE2X4inogoG4U053h
@shreyasadiga4725
@shreyasadiga4725 5 ай бұрын
Bro this channel also I didn't get source code
@kamatchip7396
@kamatchip7396 5 ай бұрын
Technical-bars not working bro pls help me
Circular Progress Bar using HTML and CSS | Progress Bar
9:16
Foolish Developer
Рет қаралды 13 М.
📇How To Make Circular Progress Bar | HTML CSS JavaScript
13:47
Web Dev Made Easy
Рет қаралды 52 М.
SLIDE #shortssprintbrasil
0:31
Natan por Aí
Рет қаралды 49 МЛН
Хаги Ваги говорит разными голосами
0:22
Фани Хани
Рет қаралды 2,2 МЛН
Animated Skills Bar in HTML & CSS | Progress Bar
11:42
CodingLab
Рет қаралды 43 М.
I tried every FREE website builder. This is the best
7:58
Steve Builds Websites
Рет қаралды 434 М.
Responsive Skill section design using HTML and CSS
7:25
Adey Coder
Рет қаралды 5 М.
5 CSS Tips & Tricks for better Responsive Web Design
9:39
Coding2GO
Рет қаралды 60 М.
Animated Skills Bars Using Only HTML & CSS
5:55
DarkCode
Рет қаралды 54 М.
ASMR Programming - Animated Login Page - No Talking
18:18
AsmrProg
Рет қаралды 1,8 МЛН
Stop Using Pixels For Media Queries
18:48
Web Dev Simplified
Рет қаралды 57 М.
Simple Rock Paper Scissors Project | Html CSS & JS
37:28
SLIDE #shortssprintbrasil
0:31
Natan por Aí
Рет қаралды 49 МЛН