SOURCE CODE: Characters Used Indicator

  
  
  
  
  
  
  

  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Characters Used Indicator
    

      
SOURCE
    
  

  

  

    
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)