.h2infographic { color:#1fffcb; font-weight:900; }

Loading Bar GIF

Shown here is an animated loading bar animation. Popular formats include GIF, video and SVG animations. Browse more examples of preloading animations below or on this related post. 

Animated Loading Animation

Shown below is an animation in GIF format. It’s important to consider the background color of your animation when creating a GIF. More about popular GIF formats and specifications, found here

GIF Loading Bar Animation

Elements of Loading GIFs

This line animation example above was created using Adobe After Effects. The brief/requirements of the company in need here was to create a line graph that utilizes a build up over a short period of time. Rather than having the dark blue line fade in all at once, it appears as a timeline animation might and grows over the horizontal axis.