React JS slider help
How do I create a vertical slider with features as shown?
17 Replies
Reference:https://www.lambdatest.com/
Next-Generation Mobile Apps and Cross Browser Testing Cloud | Lambd...
Perform manual or automated cross browser testing on 3000+ browsers online. Deploy and scale faster with the most powerful cross browser testing tool online.
In the video you posted it’s essentially tabs with different content. Look up how to implement tabs like this https://youtu.be/5L6h_MrNvsk?si=dNKa-GZzEsrspkeN
Web Dev Simplified
YouTube
Build Tabs Using HTML/CSS In Only 12 Minutes
🚨 IMPORTANT:
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-tabs
Tabs are one of the most common forms of navigation on a website, but they can be tricky to implement correctly. In this video I will show you exactly how to create tabs usin...
@hart❤🔥 I already have tabs with content vertically
how do I make it change automatically?
Change in what way? If you have vertical tabs then is your original issue solved ?
nope
In the video u can see it scrolls/changes the tabs automatically
In this video I see the user is clicking to change the tabs
that's one of the ways to change it
But if you want it to change automatically use setTimeout
Or interval I guess
and how to show that vertical progress bar on left?
It’s a form of pagination. You’ll need to program it in so depending on what tab is open is which is the active tab
oh
I don’t use react so can’t get specific but those are the basic concepts and keywords which should help in your searches
okay, thanks
use a css animation to change a linear gradient in time with the javascript timeout/interval
not sure how... can u show me an example of code
not at the moment, it shouldn't be too hard to find a tutorial for animating a linear gradient though
and then you need to just match the duration of the animation/transition to the timeout time
ok