form-field-percentage.html

<label 
    {% include patterns/form-field-auto-save-attributes %}
    class="
        {% include patterns/form-field-auto-save-classes %}
        {% if item.depends %}pat-depends{% endif %}" 
    {% if item.depends %}data-pat-depends="{{ item.depends }}; transition: slide"{% endif %}
    {% if item.id %}id="field-{{ item.id }}"{% endif %}>
    {% include patterns/i18n id=item.label %}{% include patterns/form-required.html %}
    
    <span class="composed percentage-field">
        <input 
            {% if item.required == true %}required="required"{% endif %} 
            {% if item.state == 'disabled' %}disabled{% endif %}
            {% if item.step %}step="{{ item.step }}"{% endif %} 
            {% if item.min %}min="{{ item.min }}"{% endif %} 
            {% if item.max %}max="{{ item.max }}"{% endif %} 
            type="number" 
            size="{{ item.chars }}" 
            name="{{ item.name }}" 
            id="{{ item.id }}" 
            placeholder="{{ site.data[ui_data_path].ui[item.placeholder][site.data.config.lang] }}" 
            value="{{ site.data[ui_data_path].ui[item.value][site.data.config.lang] }}" />
        <abbr title="Euro" class="percentage">%</abbr>
    </span>

    {% if item.help %}
        {% include patterns/form-help.html
            content=item.help more=item.help_more %}
    {% endif %}

    {% include patterns/form-has-changes.html %}

</label>
{% include patterns/form-message.html message=item.message %}