[How can I aHow can I create scroll animation?chieve this kind of scroll progress animation?]

I have a progress bar timeline and if I scroll an orange/red color will animate over the static progress bar. That means when I scroll red color will complete over the gray color (like on the image).

 

So, I need curve line with the step number and when I scroll it will complete the step animated way.

 

See the Pen NWegNVa by Md-Rakibul-Islam-the-decoder (@Md-Rakibul-Islam-the-decoder) on CodePen

[How can I create this kind of Carousel?]

@Trapti I don't want ScrollTrigger, I just need a normal carousel or slider.

[How can I create this kind of Carousel?]

 

 

[Next div come from previous div top right corner]

I just need the "Hope you're fine :)" (section2) come from the "How are you ?" (section1) top right corner like the video example. How can I achieve that?

Video Example
Codepen Example

See the Pen qBxxabw by Evoroko (@Evoroko) on CodePen

[How can I create horizontal card overlap with vertical scroll]

I need this kind of scroll animation, how can do this?
Scroll Animation Example