Как создать индикатор загрузки для файлов? - SEBLOD

Всем привет!  Как создать динамический индикатор загрузки файлов? Тип поля загрузить изображение.

noname1697, надо поле пилить, есть способы на jquery и CSS очень много примеров видел последнее время ищите по этой связке, а тип этот не очень сложно пилить от тут лежит
здесь view
/administrator/components/com_cckjseblod/views/item/tmpl/form_upload_image.php
здесь управление полем
/administrator/components/com_cckjseblod/helpers/cckonprepare_upload.php
достаточно будет допилить view потому как в управление другое правиться.

а можно поподробнее, пожалуйста. Знаний нет в этой области, помогите! Есть куча примеров кода в инете, но куда его вставлять не понятно. Там написано "добавляем следующий код перед началом первого ajax-запроса", а где это вообще?

Вот сам код:

$.ajaxSetup({
  beforeSend: function(){
    //создаем div
    var loading = $("<div>", {
      "class" : "ds-loading"
    });
    //выравним div по центру страницы
    $(loading).css("top", ($(window).height()/2)-($(loading).height()/2)).css("left", ($(document).width()/2)-($(loading).width()/2));
    //добавляем созданный div в конец документа
    $("body").append(loading);
  },
  complete: function() {
    //уничтожаем div
    $(".ds-loading").detach();
  }
});