Simple jQuery plugin to add a progress bar under text inputs. Solves the UX issue of having a maximum character limit for an input field and the user having no idea how close or far they are to the limit without counting or submitting and receiving an error.
Add to a form element:
<textarea id="wookie"></textarea>$('#wookie').inprogress({
max: 500, // Maximum 500 characters
bgColor: false, // Default green to red, set a color here to over-ride (ie: #f00)
minHeight: '3px', // Minimum height of the progress bar
showPercent: false, // Adds x% to progress bar
showRemaining: false, // adds (max - length) to progress bar
textColor: '#fff', // Set the text color for the 2 prior options
});