Gradually change the border-left property:

The border-left is a shorthand property for all border-left properties.

See individual border-left properties to see which is animatable.

Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.