Completar barra de Carga con JS

[Ulkanova]

Bien, buenas foreros.

Necesito de su ayuda para lo siguiente...

Lo que debo hacer es una barra de carga (una imagen de una barra que se va llenando a medida que ocurren ciertos eventos)
esta barar de carga, que ya la tengo hecha como imagen, debo hacer que se valla completando a medida que el usuario completa datos en un formulario html

entonces, lo que tengo es un formulario HTML, con input type"radio", y a medida que hace click a los radio botones se va completando la carga de esta barra. Cada vez que se hace click en un radio boton se va cargando una imagen diferente reemplazando a la anterior.
Ejemplo... el usuario ve una img del 0% (al principio) y cuando hace click en la opcion de un radio boton, esta llama a alguna funcion que hace que la imagen 0% cambie a la imagen de 25%. Me dijeron que cambiando la propiedad SRC de la img se puede hacer, pero es ahi donde mis conocimientos de JS se limitan.


Agradeceria si me dan un codigo

Saludos, Ulkanova