Jquery Easyui Progress bar Component Progress use details (8) _jquery

This example for you to share the Jquery Easyui progress bar Components of the implementation code for your reference, the specific contents are as follows

Load mode

Class load

<div class= "Easyui-progressbar" data-options= "value:60" style= "width:400px"; >
</div>

JS Call load

<div id= "box" style= "width:400px;" ></div>
<script>
 $ (function () {
  $ (' #box '). ProgressBar ({
     //Set progress bar width
     : ' //
     Set progress bar height: ' m ',//
    Set progress bar value
    : ',//
    set progress bar% template
    text: '% {value} '
  });
  });

</script>

Property List

Events List

<script>
   $ (function () {
    $ (' #box '). ProgressBar ({
     //Set progress bar width
     : ',
     //Set progress bar height
     Height: ',//
     Set progress bar value
     : '% ',
     //Set progress bar% template
     text: '% {value} '
     //////
     Onchange:function (newvalue,oldvalue) {
      console.log ("New value:" +newvalue);
      Console.log ("Old value:" +oldvalue);
     },

  }); </script>

Method List

<script>
   $ (function () {
    $ (' #box '). ProgressBar ({
     value: '),
     onchange:function (NewValue, OldValue) {
      console.log (' NEW: ' + NewValue + ', old: ' + oldValue);
     },
    });

    Returns the Property object
    console.log (' #box '). ProgressBar (' options '));
    Set the component size (width)
    $ (' #box '). ProgressBar (' resize ', ');
    Returns the current progress value
    console.log (' #box '). ProgressBar (' GetValue '));
    Sets a new progress value of
    $ (' #box '). ProgressBar (' SetValue ', ' m ');
    You can use $.fn.progressbar.defaults to override the default value object.
    $.fn.progressbar.defaults.value = ' n ';
   };

  </script>

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.