<div class="row form-horizontal">
    <div class="form-group col-sm-10">
        <label class="control-label col-sm-4"><?= t('Strength') ?></label>
        <div class="col-sm-8 slider-container">
            <div class="strength-slider"></div>
        </div>
    </div>
    <div class="col-sm-2">
        <span class="strength-percent"><?= t('60%') ?></span>
    </div>
</div>
<div class="row form-horizontal">
    <div class="form-group col-sm-10">
        <label class="control-label col-sm-4"><?= t('Size') ?></label>
        <div class="col-sm-8 slider-container">
            <div class="size-slider"></div>
        </div>
    </div>
    <div class="col-sm-2">
        <span class="size-percent"><?= t('50%') ?></span>
    </div>
</div>
