How can I add a delay to a change of .css state
<p>I have the following:</p>

<pre><code>  $(document)
    .ajaxStart(function () {
        $(this).css({ 'cursor': 'progress !important' })
    })
    .ajaxStop(function () {
        $(this).css({ 'cursor': 'default !important' })
    });
</code></pre>

<p>Is there a way that I can prolong the cursor progress state by 2 seconds. Right now it comes and goes too quick. In other words I would like to have the cursor change to "progress" for at least a couple of seconds. </p>
