Meter form field type

From Joomla! Documentation

Other languages:
English • ‎español • ‎français • ‎Nederlands

Draws a progress bar. (see here for more details)

  • name (mandatory) is the unique name of the parameter.
  • type (mandatory) must be meter.
  • label (mandatory) (translatable) is the descriptive title of the field.
  • description (optional) (translatable) tooltip for the form field.
  • class (optional) specify your own classes for additonal markup
  • size (optional) sets the input size of the field
  • default (optional) the initial value of the progress bar.
  • min (optional) the minimum value of the progress bar.
  • max (optional) the maximum value of the progress bar.
  • step (optional) the step at which the progress changes on the bar.
  • animated (optional)(default:true) sets whether the progress bar is animated or not.
  • active (optional)(default:false) sets whether the progress bar animation is active. Works with animated .

Note that without setting the min and max values it will probably not work as expected. This is NOT an input type. It just creates a progress bar:

        <field name="meter"
               active="true"
               type="meter"
               label="Meter"
               max="1000"
               min="1"
               step="10"
               default="240"
               />

This will create the following HTML code:

<div class="control-group">
  <div class="control-label">
    <label id="jform_meter-lbl" for="jform_meter" class="">
	Meter
    </label>
    </div>
    <div class="controls">
       <div class="progress  progress-striped active" data-max="1000" data-min="1" data-step="10" data-value="240">		
          <div class="bar" style="width: 23.923923923924%;"></div>
       </div>
    </div>
</div>