Na funcionalidade de Quiz do Merlin, há uma barrinha de progresso que aparece para o usuário e que sinaliza em que % do fluxo ele está.

Untitled

Nessa barrinha você pode fazer algumas personalizações via css, como:

  1. Esconder a barrinha;
  2. Alterar a cor dela, que ainda não é possível fazer nativamente na aba de ‘Design’.

Esconder a barrinha de progresso

Caso você queira esconder a barrinha de progresso, o processo é bem simples. Basta você copiar o código abaixo e colar na aba de ‘Configurações’ dentro da parte de CSS.

Untitled

Código:

.progress-bar {
    display: none;
}

Alterar a cor da barrinha de progresso

Caso você queira alterar a cor da barrinha de progresso, de modo que ela fique conforme a sua identidade visual, basta você inserir o código abaixo na parte de customização de CSS, dentro da aba de ‘Configurações’:

Untitled

Código:

#quiz.content .progress-bar .bar .progress {
	background-color: #171135;
}