Meter form field type
From Joomla! Documentation
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>