How to update Jquery UI Progress Bar
<p>I have the following snippet : </p>

<pre><code>&lt;div class="progress" data-value="10" data-show-value="true"&gt;&lt;/div&gt;
</code></pre>

<p>It's a progress bar that' i'm trying to refresh to show progress of a background process.</p>

<p>A live example of code can be found here : <a href="http://themes.vivantdesigns.com/vpanel/demo/styles" rel="nofollow">http://themes.vivantdesigns.com/vpanel/demo/styles</a></p>

<p>I'd like to update the 'data-value' attribute; i'm using : </p>

<pre><code>&lt;script&gt;
$(".progress").everyTime(1000,function(i) {
    var val = $(this).attr('data-value');
    val = val + 20;
    $(this).attr('data-value', val);
});
&lt;/script&gt;
</code></pre>

<p>"val" is 10, right but it doesn't change the attribute. Any idea why ?</p>
