JQuery Easy UI ProgressBar (progress bar) component, jqueryprogressbar

JQuery Easy UI ProgressBar (progress bar) component, jqueryprogressbar

The ProgressBar (progress bar) component is quite fun. We can often use it when we do something, such as uploading and downloading files, importing and exporting documents, loading webpages, and so on.

There are many application scenarios and it is easy to use.

Example:

<! DOCTYPE html> Execution result:




Click to download source code


How to set the progress bar color and background color in jQuery
Progress ('audio psp').css ({'background ': 'green'}); but the progress bar and background are both light blue and can display the progress, but cannot distinguish the progress bar from the background color, I want to differentiate the progress bar from the Beijing color. Thank you. Problem added: The progress bar and background are still in the same color. Question added: Maybe my problem is not too clear, I pasted the Code <br/> <div id = "psp" class = "easyui-progressbar" style = "width: 630px; "</div <br/> function text (result) {<br/> $ ('# psp div'background .css ({'background': 'lightblue '}); <br/> condition ('your psp'background .css ({'background ': 'green'}); <br/> var value = $ (' # psp '). progressbar ('getvalue'); <br/> if (value <100) {<br/> value + = Math. floor (Math. random () * 10); <br/> $ ('# psp '). progressbar ('Setvalue', value); <br/> if (value <100) {<br/> setTimeout ("text ('" + result + "')", 200 ); <br/>}< br/> <br/> currently, you want to separate the progress bar from the background color, however, these two colors have always been the same. I don't know if my code is correct. Supplement: <div class = "quote_title"> housen1987 wrote </div> <div class = "quote_div"> let's take a look at what I gave, the key is <div id = 'psp 'style = 'padding: 2px; '<br/> </div> <br/> ---------------- <br/> Add the following question: <div class = "quote_title"> housen1987 wrote </div> <div class = "quote_div"> I understand it now, jquery UI <br & #4 ...... remaining full text>

How to Use JQuery EasyUI progressbar
$ (Function (){
$ ("# Progressbar"). progressbar ({
Value: 33 // progress percentage value
});
});
Isn't there such a function?
You can set this value as a variable and pass your percentage value.