Form Field Progress Bar

Visit Form Field Progress Bar

This useful script allows you to restrict the number of characters inside a form element (ie: textarea) while displaying a progress bar on the remaining characters beneath it. A percentage of the characters remaining is displayed within the Progress Bar, updated live as the user types. Cross browser functional-works in IE4, NS6, and Opera 7 and above. The Progress Bar can easily be applied to multiple form elements within the form, each with its own independent setting. Visual aspects of the Progress Bar customizable via CSS.

  • Cost: Free

Resource Specification

Category:

JavaScript : Scripts and Programs : Forms

Title / Program Name:

Form Field Progress Bar

URL:

http://www.dynamicdrive.com/dynamicindex16/limitinput2.htm

Cost:

Free

Keywords:

limit characters, form limit text

Summary:

This script helps restrict the number of characters inside a form

Ratings Breakdown

Number of Votes:

14

Resource Rating:

5.00

Highest Rating:

10

Lowest Rating:

1

Bar Graph Chart
RatingVote %# of Votes
107%1
97%1
87%1
77%1
67%1
514%2
421%3
30%0
221%3
17%1

Want to increase the number of votes and resource rating for this listing?

Place a Form Field Progress Bar Vote Box on your website.