<div class="form-group file-upload required">
            <label class="control-label" for="imageForm-image_url">
              <translate><span class="ng-scope">File</span></translate><span class="hz-icon-required fa fa-asterisk"></span>
            </label>
            <div class="input-group" ng-hide="ctrl.uploadProgress > -1">
              <span class="input-group-btn">
                <button class="btn btn-primary ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" ng-model="image_file" ngf-select="ctrl.prepareUpload(image_file)" name="image_file" ng-required="true" id="imageForm-image_file" translate="" required="required"><span class="ng-scope">Browse...</span></button>
              </span>
              <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" readonly="" ng-model="image_file.name">
            </div>
            <div ng-hide="ctrl.uploadProgress < 0" class="progress-text ng-hide">
              <div class="progress ng-isolate-scope" value="ctrl.uploadProgress">
  <div class="progress-bar" ng-class="type && 'progress-bar-' + type" role="progressbar" aria-valuenow="-1" aria-valuemin="0" aria-valuemax="100" ng-style="{width: (percent < 100 ? percent : 100) + '%'}" aria-valuetext="-1%" aria-labelledby="progressbar" ng-transclude="" style="width: 0%;"></div>
</div>
              <span class="progress-bar-text ng-binding">-1%</span>
            </div>
            <p class="help-block alert alert-danger ng-hide" ng-show="imageForm.image_file.$invalid && imageForm.image_file.$dirty">
              <translate><span class="ng-scope">A local file should be selected.</span></translate>
            </p>
          </div>