# easy-bootstrap-shortcodes/trunk/shortcode/progressbar/progressbar_plugin.js

Easy Bootstrap Shortcode, version trunk. 116 lines.

- Page: https://pluginprobe.com/plugins/easy-bootstrap-shortcodes/trunk/code/shortcode/progressbar/progressbar_plugin.js
- Raw: https://pluginprobe.com/plugins/easy-bootstrap-shortcodes/trunk/raw/shortcode/progressbar/progressbar_plugin.js
- Modified: 2026-08-06T19:58:08+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-bootstrap-shortcodes/trunk/code/shortcode/progressbar/progressbar_plugin.js#L10-L20`.

```javascript
var progressbar={
    title:"Progressbar Shortcode",
    id :'oscitas-form-progressbar',
    pluginName: 'progressbar',
    setRowColors: true
};
(function() {
    _create_tinyMCE_options(progressbar, 800);
})();

function ebs_return_html_progressbar(pluginObj){
    var form = jQuery('<div id="'+pluginObj.id+'" class="oscitas-container" title="'+pluginObj.title+'"><table id="oscitas-table" class="form-table ebs-default-options">\
			<tr>\
				<th><label for="oscitas-progressbar-style">'+ebsjstrans.progress+' '+ebsjstrans.bar+' '+ebsjstrans.type+':</label></th>\
				<td><select name="type" id="oscitas-progressbar-style">\
					<option value="">'+ebsjstrans.default+'</option>\
                                        <option value="progress-bar-success">'+ebsjstrans.success+'</option>\
                                        <option value="progress-bar-info">'+ebsjstrans.information+'</option>\
                                        <option value="progress-bar-warning">'+ebsjstrans.warning+'</option>\
                                        <option value="progress-bar-danger">'+ebsjstrans.danger+'</option>\
				</select><br />\
				</td>\
			</tr>\
			 <tr>\
				<th><label for="oscitas-progressbar-label">'+ebsjstrans.progress+' '+ebsjstrans.bar+' '+ebsjstrans.label+':</label></th>\
				<td><input type="text" name="title" id="oscitas-progressbar-label" value=""/><br />\
				</td>\
			</tr>\
                        <tr>\
				<th><label for="oscitas-progressbar-progress">'+ebsjstrans.progress+' '+ebsjstrans.bar+' '+ebsjstrans.value+':</label></th>\
				<td><input type="text" name="title" id="oscitas-progressbar-progress" value="50"/><br />\
                                <small>'+ebsjstrans.enterval0to100+'</small>\
				</td>\
			</tr>\
			<tr>\
				<th><label for="oscitas-progressbar-stripped">'+ebsjstrans.stripped+' '+ebsjstrans.progress+' '+ebsjstrans.bar+':</label></th>\
				<td>\
				    <input type="checkbox" id="oscitas-progressbar-stripped">\
				</td>\
			</tr>\
                        <tr id="osc_progress_animate" style="display: none;">\
				<th><label for="oscitas-progressbar-animated">'+ebsjstrans.animated+' '+ebsjstrans.progress+' '+ebsjstrans.bar+':</label></th>\
				<td>\
				    <input type="checkbox" id="oscitas-progressbar-animated">\
				</td>\
			</tr>\
                         <tr>\
				<th><label for="oscitas-progressbar-class">'+ebsjstrans.customclass+':</label></th>\
				<td><input type="text" name="line" id="oscitas-progressbar-class" value=""/><br />\
				</td>\
			</tr>\
		</table>\
		<p class="submit ebs-default-options">\
			<input type="button" id="oscitas-progressbar-submit" class="button-primary" value="'+ebsjstrans.insert+' '+ebsjstrans.button+'" name="submit" />\
		</p>\
		<div class="pro-version-image aligncenter" style="display: none;"><img src="'+ebs_url+'shortcode/progressbar/screenshot.jpg"/></div>\
		</div>');
    return form;
}
function create_oscitas_progressbar(pluginObj){
    var form=jQuery(pluginObj.hashId);

    var table = form.find('table');

    jQuery('#oscitas-form-progressbar table tr:visible:even').css('background', '#ffffff');
    jQuery('#oscitas-form-progressbar table tr:visible:odd').css('background', '#efefef');
    table.find('#oscitas-progressbar-stripped').click(function(){
        if(jQuery(this).prop('checked')){
            jQuery('#osc_progress_animate').show();
        } else{
            jQuery('#osc_progress_animate').hide();
        }
        jQuery('#oscitas-form-progressbar table tr:visible:even').css('background', '#ffffff');
        jQuery('#oscitas-form-progressbar table tr:visible:odd').css('background', '#efefef');
    })





    // handles the click event of the submit button
    form.find('#oscitas-progressbar-submit').click(function(){

        var cusclass='',type='',value='',stripped='',label='';
        if(jQuery('#oscitas-progressbar-stripped').prop('checked')){
            stripped=' barstyle="progress-striped';
            if(jQuery('#oscitas-progressbar-animated').prop('checked')){
                stripped +=' active';
            }
            stripped +='"';
        }
        if(table.find('#oscitas-progressbar-class').val()!=''){
            cusclass= ' class="'+table.find('#oscitas-progressbar-class').val()+'"';
        }
        if(table.find('#oscitas-progressbar-style').val()!=''){
            type= ' bartype="'+table.find('#oscitas-progressbar-style').val()+'"';
        }
        if(table.find('#oscitas-progressbar-progress').val()!=''){
            value= ' value="'+table.find('#oscitas-progressbar-progress').val()+'"';
        }
        if(table.find('#oscitas-progressbar-label').val()!=''){
            label= ' label="'+table.find('#oscitas-progressbar-label').val()+'"';
        }
        var shortcode = '['+$ebs_prefix+'progressbar'+value+cusclass+type+stripped+label;

        shortcode += ']';

        // inserts the shortcode into the active editor
        ebsInsertShortcode(shortcode);

        // closes fancybox
        close_dialogue(pluginObj.hashId);
    });
}


```