Input de loading com JavaScript e CSS puro

Eu quero fazer uma animação com esse input, como se ele fosse carregando ao longo do tempo, mas eu não domino nem um pouco de animação CSS, e JavaScript estou aprendendo, tentei colocar ele em um laço for porém não está como esperado rsrs.

O problema que já tentei colocar o código no for, porém não sai o resultado esperado. O meu código seria, mas ele não carrega… E nem tem alguma animação com delay…

inputWhatsapp.style.width = loading 

Se puderem me dar uma ajuda tanto no código, quanto na legibilidade do código.

Segue o código a seguir.

https://jsfiddle.net/201hoknt/6/#&togetherjs=QmG1Rr9g24

Observação: Atualmente não estou usando nenhuma biblioteca ou framework externo.