By default linear-gradient will go from top to bottom. The bottom is supposed to the the underline part. So, 60% is invisible (the top part) and 40% is color (which is the bottom part, the underline)

David wow - I remember spending hours meticulously crafting a tall underline like that with pseudoelements. Who knew it could be solved so easily...