// This is a case of a thick line. Without the transform property, the top and not the actual center of the line is in the middle of the div. .progress { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1; transition: .4s ease; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter