Craft a Slick Upload Progress Bar with Just CSS! - No Plugins Needed

  Рет қаралды 1,901

Glenn Raya

Glenn Raya

Күн бұрын

Learn how to create a sleek upload progress bar using only CSS animations with a Laravel backend, no plugins needed! This tutorial walks you through setting up the backend and designing a responsive, animated progress bar from scratch. Perfect for developers looking to enhance their projects with lightweight, efficient code.
Source Code: github.com/gle...
#Laravel #CSSAnimations #WebDevelopment #CodingTutorial #UploadProgressBar

Пікірлер: 21
@Solodam
@Solodam Ай бұрын
for progressbars i have found that "linear" animations work much much better than ease since you dont get that "popping" animation, rather its smooth since it has no easing give it a shot
@glennraya
@glennraya Ай бұрын
@@Solodam I'll try. Thanks for the tip!
@ConnoleMitchel
@ConnoleMitchel 2 ай бұрын
thankss this what i'm looking for
@glennraya
@glennraya 2 ай бұрын
@@ConnoleMitchel Thank you! ☺️ 🙏
@MohamedElguarir
@MohamedElguarir 2 ай бұрын
Thaank you !! Can you do a video on your vscode setup? it looks clean 👌
@glennraya
@glennraya 2 ай бұрын
Thanks, I'm planning to do that, customizing VS Code further than what themes can give you.
@sayyidnaeemulhaquemayankak1627
@sayyidnaeemulhaquemayankak1627 2 ай бұрын
only 43 like 😢...How this is Less likes superb tutorial 🔥... from my Like 1000000
@glennraya
@glennraya 2 ай бұрын
Thank you! This is a new channel (at least new in terms of uploading videos). So maybe the YT algorithm isn't pushing this to a lot of people still.
@konskript123
@konskript123 2 ай бұрын
what admin dashboard you're using?
@jokergamingtv5002
@jokergamingtv5002 2 ай бұрын
1+
@YacoubCoder
@YacoubCoder 2 ай бұрын
+1
@glennraya
@glennraya 2 ай бұрын
Hi, I created the layout myself using TailwindCSS, but some components like the cards, dropdowns, and buttons are from shadcn/ui, and the icons are from React Icons (Phosphor)
@wesammuneer8926
@wesammuneer8926 2 ай бұрын
​@@glennraya can you do a tutorial for this 😅, I thought it was filament 3
@glennraya
@glennraya 2 ай бұрын
@@wesammuneer8926 I'm thinking about it. But really planning to build the entire admin panel and open-source it.
@togrulcalalli8134
@togrulcalalli8134 2 ай бұрын
Which font do you use in vs code ?
@glennraya
@glennraya 2 ай бұрын
@@togrulcalalli8134 I used Geist Mono.
@togrulcalalli8134
@togrulcalalli8134 2 ай бұрын
@@glennraya can you send me download link please? i downloaded but some letters shown differently in me
@glennraya
@glennraya 2 ай бұрын
@@togrulcalalli8134 Yes sure. vercel.com/font
@jervx829
@jervx829 2 ай бұрын
Hi sir could you do laravel + react(ts) fullstack tutorial.
@glennraya
@glennraya 2 ай бұрын
I plan to do it. Just got a lot in the lineup. Thanks for your interest! 🙏🏼
Quick Start to React & TypeScript: FREE 90-Minute Expert Training!
1:24:52
This mother's baby is too unreliable.
00:13
FUNNY XIAOTING 666
Рет қаралды 38 МЛН
Don't look down on anyone#devil  #lilith  #funny  #shorts
00:12
Devil Lilith
Рет қаралды 46 МЛН
They made React great again?
4:11
Fireship
Рет қаралды 1 МЛН
Effortless Continuous Deployment for Laravel with GitHub Actions
15:41
New York Times Sees 30% Perf Win By Switching To React...18?
26:12
Theo - t3․gg
Рет қаралды 40 М.
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 544 М.
Quick & Easy DigitalOcean VPS Setup for Your Laravel/PHP Apps
37:25
`const` was a mistake
31:50
Theo - t3․gg
Рет қаралды 137 М.
This mother's baby is too unreliable.
00:13
FUNNY XIAOTING 666
Рет қаралды 38 МЛН