UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Characters Used Indicator

In this example, an instance of Uize.Widgets.Bars.UsedAndRemaining.Widget is used to provide feedback - as you type - on how many characters are still permitted in the text input. When you focus the text input, the title for the field is replaced by a dynamically updated indicator that informs you of how many characters you've used and how many characters are remaining. As you type more characters, the bar that is displayed beneath the chars summary is advanced from left to right. As the bar gets closer to "full", its color becomes increasingly hotter, until it is finally solid red once all of the allotted characters are used.

Enter a Description (200 character maximum)