JQuery UI | Progressbar method Last Updated : 27 Feb, 2019 Comments Improve Suggest changes Like Article Like Report Jquery UI (user interface) is the JavaScript library built on top of jQuery JavaScript Library. It is the collection of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Progress bars tells us the percentage of our task completed and how much it is left. It is a GUI widget which creates a type of interaction between the user and the system. There is two type of progress bar determinate progress bar indeterminate progress bar Syntax: The progressbar() method has two forms and the use of each form depends on the requirement. These are as follows :- $(selector, context).progressbar (options) $(selector, context).progressbar ("action", params) The following table shows the different options that can be used with this method: OPTION PURPOSE disabled When the progress bar disables set to true. By default its value is false. max Maximum value for a progress bar. By default its value is 100. value Initial value of the progress bar. By default its value is 0. Example: Below is the implementation of the above explained method: html <!DOCTYPE html> <html> <head> <title>my progressbar</title> <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"> </script> <script type="text/javascript" src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </script> <style type="text/css"> .ui-widget-header { background: gray; border: 1px solid black; } </style> <script> $(function() { $("#progressbar").progressbar({ value: 90 }); }); </script> </head> <body> <div id="progressbar"> </div> </body> </html> Output: Comment More infoAdvertise with us Next Article JQuery UI | Progressbar method K kanugargng Follow Improve Article Tags : Misc Web Technologies JQuery jQuery-Misc Practice Tags : Misc Similar Reads jQuery UI Progressbar value() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add display the status of a determinate or indeterminate process. The jQuery UI progressb 2 min read jQuery UI Progressbar widget() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add display the status of a determinate or indeterminate process. The jQuery UI progressb 2 min read jQuery UI Progressbar option() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add a display status of a determinate or indeterminate process. The jQuery UI progress ba 1 min read jQuery UI Progressbar enable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add a display status of a determinate or indeterminate process. The jQuery UI progressbar 1 min read jQuery UI Progressbar destroy() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add a display status of a determinate or indeterminate process. The jQuery UI progressbar 1 min read jQuery UI Progressbar disable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add a display status of a determinate or indeterminate process. The jQuery UI progressbar 1 min read jQuery UI Progressbar instance() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar widget is used to add display the status of a determinate or indeterminate process. The jQuery UI Progressb 2 min read jQuery UI Progressbar max Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar max option is used to set the maximum value of a progress bar. Its default value id 0. Syntax: $( ".selecto 1 min read jQuery UI Progressbar value Option jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Progressbar value option is used to set the value of progress bar. Its default value is 0. Syntax: $( ".selector" ).pro 1 min read Like