Criar Barra de Progresso na Tela de Questionário

[SteffanoP]

A Tela de Questionário não necessariamente mostra o progresso que o Analista precisa fazer ou que está em andamento, uma barra de progresso é importante para o Analista observar o seu progresso na resposta das perguntas. Dessa forma, essa Issue busca endereçar a criação de uma barra de progresso para a tela do questionário, que ficará localizada de forma fixa no final da tela do usuário, como um footer flutuante.

Objetivos

• Implementar o design de barra de progresso do protótipo do Figma;
• Implementar também a porcentagem;
• Reestilizar os botões de Salvar e Finalizar na barra flutuante.

Protótipo de Referência

• Protótipo do Projeto no Figma
• Protótipo da animação no Figma
  • Observe o avançar da Barra de Progresso ao responder positivo ou negativo.

[multi-megaman]

Eu quero fazer!

[multi-megaman]

@SteffanoP Notei algo nessa issue. Seria preciso uma alteração no backend das questões para atender a essa demanda, já que do jeito que está agora, não é possível saber se um analista já se decidiu sobre sua resposta ou não, pois as respostas são booleanas e por padrão todas elas já vem como False. Então não teria como distinguir se o analista ainda não respondeu à questão ou se ele deixou marcado como False. Caso não seja possível fazer essa alteração no backend, eu sugiro trocar uma única barra de progresso para uma barra que mostra a quantidade de Greenwashing em cada uma das dimensões (atualmente D1, D2, D3 e D4) conforme o analista preenche o formulário.

[SteffanoP]

Uma ideia interessante para tratar isso no back-end, é que ao invés de trabalhar com um booleano que diz se a resposta é positiva ou não, trabalhar com um enumerador com os valores positivo, negativo ou não respondido. Dessa forma, o front-end terá mais liberdade para distinguir o que foi respondido ou não.

Uma segunda ideia para evitar grandes problemas de refatoração no back-end, é trabalhar com um novo atributo booleano no modelo, que poderia ser chamado de answered, que por padrão é False e se tornará True a partir do momento que o analista responde a questão. Eu desencorajo essa opção pelo fato de incluir mais um atributo que é totalmente desnecessário no modelo SQL.

[multi-megaman]

Olá @SteffanoP estou trabalhando na parte do frontend e até o momento consegui desenvolver este prototipo:

Como é possível observar, a barra já está 100% funcional. Ao clicar no botão "teste" (que será removido futuramente, claro) a barra de progresso é aumentada em 10% até chegar aos 100%.

Para que eu possa dar continuidade e poder abrir uma PR, preciso que alguém do backend faça as alterações propostas por @SteffanoP