No magic involved.
Effects --> Generate --> Ramp or
Effects --> Transition --> Linear Wipe
A few animated parameters, perhaps using blending modes to mix it with the background. Same for the icons and text - all basic AE stuff and you realyl just need to make an effort to watch a few tutorials rather than diving in with no idea about how some things work...
As Mylenium says, you really need to get a solid foundation in how to use it or you'll be frustrated.
Here's the best place to start: Getting started with After Effects Those resources are specifically curated to get you up and running with a solid knowledge of how AE works.
I would create a shape layer with a gradient fill. The gradient would have both color and opacity adjustments so that the opacity on the left edge was 0 and on the right was somewhere between 50 and 80.
Then I would add a soft edge linear wipe on my text layer.
Place both layers in their final position and adjust blend modes if necessary to get the look you want.
Parent the text layer to the shape layer
Animate the shape layer position to move it off screen to the right
AE BASICS are the only things used in creating this kind of effect.