Скачать или смотреть Textarea counter to restrict user entered text with progress bar to show the length

https://www.plus2net.com/jquery/texta...
https://www.plus2net.com/jquery/texta...
https://www.plus2net.com/jquery/basic...

We can display the total number of chars entered by user inside a textarea. At the same time we can restrict the total chars allowed by using one upper limit.
We will display the total number of chars entered by user and same time display one JQuery UI progress bar to visually display the status of user entered number of chars.
We can read the text entered in the textarea by the user by using val()
var str=$('#t1').val();

We can get the length of the string entered by user
$('#d1').html(str.length);

We used keyup event to calculate the values of the user entered text . We can set the maximum length or allowed text by using this
$("#t1").attr('maxlength','50');
We will read the value of total text entered by user and set this value to one progress bar.
$('#t1').keyup(function(){
var str=$('#t1').val();
$('#d1').html(str.length);
$( "#p1" ).progressbar( "option", "value", str.length );
})