indicador loading con ajax

Hola, necesito colocar un indicador de carga mientras realiza un upload de un archivo, leí el tutorial y he hecho lo que está ahí, pero no me resulta, a ver si alguien sabe en que me estoy equivocando.

Saludos!


You should put the following code in your view file:


<?php 

 echo CHtml::form();

 echo CHtml::ajaxButton (

   'Agregar', //label

    CController::createUrl('/video/create'), // url for request, está es la acción que necesita realizar.

    array (

    'beforeSend' => 'function(){

      $("#myDiv").addClass("loading");}',

    'complete' => 'function(){

      $("#myDiv").removeClass("loading");}',

    )

 );

 echo CHtml::endForm();?>


EN mi css:


div.loading {

    background-color: #eee;

    background-image: url('loading.gif');

    background-position:  center center;

    background-repeat: no-repeat;

    opacity: 1;

}

div.loading * {

    opacity: .8;

}