Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>First off, the script you're adding with RegisterStartupScript isn't needed, so you can remove that. </p> <p>There's a functional example of creating an animated progressbar with JuiceUI here: <a href="http://juiceui.com/controls/progressbar" rel="nofollow">http://juiceui.com/controls/progressbar</a>. It's the second example on the page (oddly enough, labeled Example 1)</p> <p>It <em>looks</em> like you've just copied the code there, which is a good start. The next step for you would be to verify that those css classes are defined correctly on the page in a &lt;style&gt; tag in the &lt;head&gt; or that they're in a css file that is being loaded correctly. Finally, verify that the path to the pbar-ani.gif file is correct, relative to where the css classes are declared.</p> <p><strong>EDIT</strong></p> <p>Based on your comment below, this would be a more viable solution:</p> <p>Define two separate css rules.</p> <pre><code>.anibar .ui-progressbar-value { background-image: url(Images/pbar-ani.gif); } .anibar.loaded .ui-progressbar-value { background-image: url(Images/pbar-ani-other.gif); } </code></pre> <p>Then use jQuery wherever needed to add the 'loaded' (you can change this to whatever) class to the progress bars on the page. </p> <pre><code>$('.anibar').addClass('loaded'); </code></pre> <p>Another option would be to remove the 'anibar' class, which would return the control's look back to the original state.</p> <pre><code>$('.anibar').removeClass('anibar'); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload