Cómo Poner Una Barra De Progreso

Hola Soñadores!!

Hay veces que nos encontramos con retos, pruebas... y hay veces que tenemos tanto que se nos hace imposible verlo a un golpe de vista, pero con una barra de progreso es mucho más fácil. 

He estado buscando y me he encontrado con NaNoWriMo Word Meter (os dejo el enlace).

  

Para mi gusto es una forma rápida y sencilla, lo único que he visto que la barra de progresos hay que hacerla de manera manual, me refiero en caso de que avances en tu reto tendrás que ir a la pagina y modificarlo...

PASO 1

Una vez abierto el enlace de arriba buscaremos esto

 

PASO 2

Rellenaremos los campos numéricos, Donde pone Current Wors Count (1) pondremos la cantidad que hallamos llegado, Y En Total Word Goal (2) pondremos la cantidad que queremos alcanzar, nuestro total

PASO 3

Elegimos el color que pondremos a nuestra barra, pincharemos en Pick a Color For Your Word Meter

y nos saldrá esto para seleccionar el color que queramos, si ninguno de ellos te convence puedes aplica los colores que solemos usar nosotros, como os enseñe en la entrada Colores Html

PASO 4

Una Vez dado a Calculate nos saldrá esta imagen (los valores están dado por mi)

y lo que tendremos que llevar a nuestra pagina lo del cuarto de texto a nuestro gadget HTML/JAVASCRIPT

PASO 5

Configurarlo un poco para cambiarlo, para adaptarlo a nosotros podremos cambiar las palabras Words y Done por las palabras que nosotros queramos, te dejo un ejemplo para que compares con la imagen del paso anterior

Espero que os sirva, cualquien duda preguntad 😘