Open In App

jQuery UI progressbar disabled Option

Last Updated : 22 Mar, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

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 disabled option is used to disable the progressbar if it set to true.

Syntax:

$( ".selector" ).progressbar({
  disabled: true
});

CDN Link: First, add jQuery UI scripts needed for your project.

<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css”>
<script src=”//code.jquery.com/jquery-1.12.4.js”></script>
<script src=”//code.jquery.com/ui/1.12.1/jquery-ui.js”></script>

Example:

HTML




<!doctype html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href=
    "//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.12.4.js"></script>
    <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
  
<body>
    <h1 style="color: green;">GeeksforGeeks</h1>
  
    <h3>jQuery UI progressbar disabled option</h3>
  
    <div id="GFG"></div>
  
    <script>
        $("#GFG").progressbar({
            disabled: true,
            value: 25
        });
    </script>
</body>
  
</html>


Output:

Reference: https://api.jqueryui.com/progressbar/#option-disabled


Previous Article
Next Article

Similar Reads

jQuery UI progressbar classes 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 classes option is used to add some additional classes to add the widget's elements. Syntax: $( ".selector" ).progressbar({ classes: { "ui-progressbar": "high
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" ).progressbar({ value: val }); CDN Link: First, add jQu
1 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: $( ".selector" ).progressbar({ max: val }); CDN Link: First, a
1 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 bar option() method is used to get an object that co
1 min read
jQuery UI Progressbar option(optionName) 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 bar option(optionName) method is used to get the val
1 min read
jQuery Mobile Rangeslider Widget disabled Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget disabled option to disable the rangeslider if its value is set to true. It accepts a boolean value and its default value is false. Syntax: $( "
1 min read
jQuery UI Button disabled 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 Button disabled option is used to disable the button element if it set to true. Syntax: $( ".selector" ).button({ disabled: true }); CDN Link: First, add jQuery UI scrip
1 min read
How to create a Disabled Option Select using jQuery Mobile ?
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be creating a Disabled Option Select using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1
1 min read
jQuery Mobile Selectmenu Widget disabled Option
jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget disabled option to disable the selectmenu, if the value is set to true. Syntax: $( ".selector" ).selectmenu({ disabled: boolean }); CDN Link: First,
1 min read
jQuery UI Tabs disabled Option
jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQuery UI tabs widget helps us to put some content in different tabs and allow us to switch between them. In this article we will see how to use disabled option in jQuery UI slider. T
2 min read