SVG rendering delay issue, how to fix?

Question

css

Hello. there was such a problem. It is necessary that the line is drawn with a delay. but when adding an animation-delay, for some reason I don't understand, the line is first displayed and then drawn. how to implement line drawing delay with delay normally?
My attempt
is https://jsfiddle.net/vj0u5mg8/

Answer 1

https://jsfiddle.net/Affiction/j3k3ptr1/1/ something like this?