HTML
            


            
PUG
            
.progress-bar
  label(for="progressbar3")
    span.title Calculer mon tarif 
    span.value Question : 1
      span(aria-hidden='true') /
      span.sr-only sur 
      | 18
  .progress-container
    progress#progressbar3(max="18", value="1")
br/

.progress-bar.-label-horizontal
  label(for="progressbar2")
    span.title Calculer mon tarif 
    span.value 20%
  .progress-container
    progress#progressbar2(max="100", value="20")
br/

.progress-bar.-label-horizontal
  label(for="progressbar4")
    span.title Calculer mon tarif 
    span.value Question : 1
      span(aria-hidden='true') /
      span.sr-only sur 
      | 18
  .progress-container
    progress#progressbar4(max="18", value="1")