Libere esse e muito mais conteúdo assinando o CodantePRO.
Progresso de Digitação Interativo
Criamos a função `handleInput` para processar cada digitação, calculando a porcentagem preenchida do texto. Atualizamos a variável `circle.offset` visualizando o progresso no círculo enquanto digitamos, alterando também a cor conforme preenchimento.