Saludos,

- Si usas un Framework como Bootstrap es sencillo: https://getbootstrap.com/docs/4.2/components/progress/

- Si tienes no quieres hacer uso de un Framework, siempre puedes examinar como lo hace el framework inspeccionando el elemento y replicándolo en tu código:

Ejemplo replicando código de Bootstrap: https://jsbin.com/sorujilaho/edit?html,output

Bueno, MiguelCanellas, recuerda que la idea básica para sacar porcentajes seria la siguiente:



En principio, con estas tres lineas ya tendrías el porcentaje de cada opción, aunque tendrías que adaptarlas al lenguaje que estés utilizando.

Dicho sea de paso, ¿tienes algún código ya hecho para mostrarlo y ver donde esta el fallo?. Y, bueno, aunque he puesto el código de ejemplo, lo comento por el tema de que en el foro se ayuda a encontrar posibles fallos en los códigos y se dan sugerencias para mejorarlos.

Muchas gracias por vuestra atención, y, bueno, saludos.

- Por otro lado, yo estoy entiendo de que quieres usar un bucle for para indexar cada botón que tenga una clase específica. Dicho índice es el número de botón procesado el el bucle para agregarle el evento click, y que dicho evento debe mostrar ese índice.

https://jsbin.com/layunogihu/edit?html,output

  <div id="botones">
    <button class="btn">boton 1</button>
    <button class="btn">boton 2</button>
    <button class="btn">boton 3</button>
    <button class="btn">boton 4</button>
  </div>
  <div id="log"></div>
 
  <script>
    let botones = document.querySelectorAll('.btn');
    let index = 1;
    for (let boton of botones) {
      boton.addEventListener('click', () => alert('Click en el boton: ' + index++));
    }
  </script>

no se si entendi bien, proba esto..

const detectarClick = (classBoton) => {
    let boton = Array.prototype.slice.apply(document.querySelectorAll(classBoton));
 
        boton.forEach(element => {
            element.addEventListener('click',()=>{
						let msj = element.textContent
                  alert(`hiciste click en: ${msj}`);
                })
        });
 
 
 
}
detectarClick(".btn")

[/tt]

<div id="botones">
  <button class="btn">boton 1</button>
  <button class="btn">boton 2</button>
  <button class="btn">boton 3</button>
  <button class="btn">boton 4</button>
</div>

si no es esto lo que buscas avisame, y pruebo de nuevo ajja saludos!

Saludos amiguito!

        var boton_options = document.querySelectorAll('.boton_options_anuncio');
	var cant_boton_options = document.querySelectorAll('.boton_options_anuncio').length;
 
	for(var i = 0; i < cant_boton_options; i++) 
	{
		var boton = boton_options[i];
 
		boton.addEventListener('click', function(){si(i)}, false);
	}
 
	function si(i)
	{
		console.log(i);
	}