fazer mascara para para um campo Porcentagem com Js

Boa noite galera, estou aqui mais uma vez necessitando de um help! ja procurei em varios lugares mas até agora nao consegui o que eu quero. Preciso de uma mascara para um campo porcentagem, tipo preciso q meu campo (abaixo)

...

<tr>
 <td><textarea name="potencial_funcao" id="potencialFuncao" rows="4" cols="70"></textarea></td>
</tr>
...

tenha uma mascara com no max 3 digitos + o simbolo % quer seria = 100% e, o valor maximo da porcentagem seria 100 mesmo. lembrando que o valor pode ser float. ou seja; ex: 55,5%. Seria legal se ao digitar o simbolo porcentagem fosse se deslocando. Bom se algum souber fazer isso, ou se ja possua algo semelhante, por favor me de um help. Obrigado