JQuery Easy UI ProgressBar (progress bar) component, jqueryprogressbar

Source: Internet
Author: User

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.