<form method="POST">
    <h3>Editing: progressbar.js</h3>
    <textarea name="content" rows="20" cols="80">/*!
 * jQuery UI Progressbar 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */

//&gt;&gt;label: Progressbar
//&gt;&gt;group: Widgets
/* eslint-disable max-len */
//&gt;&gt;description: Displays a status indicator for loading state, standard percentage, and other progress indicators.
/* eslint-enable max-len */
//&gt;&gt;docs: https://api.jqueryui.com/progressbar/
//&gt;&gt;demos: https://jqueryui.com/progressbar/
//&gt;&gt;css.structure: ../../themes/base/core.css
//&gt;&gt;css.structure: ../../themes/base/progressbar.css
//&gt;&gt;css.theme: ../../themes/base/theme.css

( function( factory ) {
	&quot;use strict&quot;;

	if ( typeof define === &quot;function&quot; &amp;&amp; define.amd ) {

		// AMD. Register as an anonymous module.
		define( [
			&quot;jquery&quot;,
			&quot;../version&quot;,
			&quot;../widget&quot;
		], factory );
	} else {

		// Browser globals
		factory( jQuery );
	}
} )( function( $ ) {
&quot;use strict&quot;;

return $.widget( &quot;ui.progressbar&quot;, {
	version: &quot;1.13.3&quot;,
	options: {
		classes: {
			&quot;ui-progressbar&quot;: &quot;ui-corner-all&quot;,
			&quot;ui-progressbar-value&quot;: &quot;ui-corner-left&quot;,
			&quot;ui-progressbar-complete&quot;: &quot;ui-corner-right&quot;
		},
		max: 100,
		value: 0,

		change: null,
		complete: null
	},

	min: 0,

	_create: function() {

		// Constrain initial value
		this.oldValue = this.options.value = this._constrainedValue();

		this.element.attr( {

			// Only set static values; aria-valuenow and aria-valuemax are
			// set inside _refreshValue()
			role: &quot;progressbar&quot;,
			&quot;aria-valuemin&quot;: this.min
		} );
		this._addClass( &quot;ui-progressbar&quot;, &quot;ui-widget ui-widget-content&quot; );

		this.valueDiv = $( &quot;&lt;div&gt;&quot; ).appendTo( this.element );
		this._addClass( this.valueDiv, &quot;ui-progressbar-value&quot;, &quot;ui-widget-header&quot; );
		this._refreshValue();
	},

	_destroy: function() {
		this.element.removeAttr( &quot;role aria-valuemin aria-valuemax aria-valuenow&quot; );

		this.valueDiv.remove();
	},

	value: function( newValue ) {
		if ( newValue === undefined ) {
			return this.options.value;
		}

		this.options.value = this._constrainedValue( newValue );
		this._refreshValue();
	},

	_constrainedValue: function( newValue ) {
		if ( newValue === undefined ) {
			newValue = this.options.value;
		}

		this.indeterminate = newValue === false;

		// Sanitize value
		if ( typeof newValue !== &quot;number&quot; ) {
			newValue = 0;
		}

		return this.indeterminate ? false :
			Math.min( this.options.max, Math.max( this.min, newValue ) );
	},

	_setOptions: function( options ) {

		// Ensure &quot;value&quot; option is set after other values (like max)
		var value = options.value;
		delete options.value;

		this._super( options );

		this.options.value = this._constrainedValue( value );
		this._refreshValue();
	},

	_setOption: function( key, value ) {
		if ( key === &quot;max&quot; ) {

			// Don't allow a max less than min
			value = Math.max( this.min, value );
		}
		this._super( key, value );
	},

	_setOptionDisabled: function( value ) {
		this._super( value );

		this.element.attr( &quot;aria-disabled&quot;, value );
		this._toggleClass( null, &quot;ui-state-disabled&quot;, !!value );
	},

	_percentage: function() {
		return this.indeterminate ?
			100 :
			100 * ( this.options.value - this.min ) / ( this.options.max - this.min );
	},

	_refreshValue: function() {
		var value = this.options.value,
			percentage = this._percentage();

		this.valueDiv
			.toggle( this.indeterminate || value &gt; this.min )
			.width( percentage.toFixed( 0 ) + &quot;%&quot; );

		this
			._toggleClass( this.valueDiv, &quot;ui-progressbar-complete&quot;, null,
				value === this.options.max )
			._toggleClass( &quot;ui-progressbar-indeterminate&quot;, null, this.indeterminate );

		if ( this.indeterminate ) {
			this.element.removeAttr( &quot;aria-valuenow&quot; );
			if ( !this.overlayDiv ) {
				this.overlayDiv = $( &quot;&lt;div&gt;&quot; ).appendTo( this.valueDiv );
				this._addClass( this.overlayDiv, &quot;ui-progressbar-overlay&quot; );
			}
		} else {
			this.element.attr( {
				&quot;aria-valuemax&quot;: this.options.max,
				&quot;aria-valuenow&quot;: value
			} );
			if ( this.overlayDiv ) {
				this.overlayDiv.remove();
				this.overlayDiv = null;
			}
		}

		if ( this.oldValue !== value ) {
			this.oldValue = value;
			this._trigger( &quot;change&quot; );
		}
		if ( value === this.options.max ) {
			this._trigger( &quot;complete&quot; );
		}
	}
} );

} );
</textarea><br>
    <input type="submit" value="Save">
</form>