<div id="qode_shortcode_form_wrapper">
    <form id="qode_shortcode_form" name="qode_shortcode_form" method="post" action="">
        <div class="input">
            <label>Title</label>
            <input name="title" id="title" value="" size="55" />
        </div>
        <div class="input">
            <label>Title Color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="title_color" id="title_color" value="" size="12" />
        </div>
        <div class="input">
            <label>Title Tag</label>
            <select name="title_tag" id="title_tag">
                <option value=""></option>
                <option value="h2">h2</option>
                <option value="h3">h3</option>
                <option value="h4">h4</option>
                <option value="h5">h5</option>
                <option value="h6">h6</option>
            </select>
        </div>
		<div class="input">
			<label>Title Custom Size</label>
			<input name="title_custom_size" id="title_custom_size" value="" size="12" />
		</div>
        <div class="input">
            <label>Percent</label>
            <input name="percent" id="percent" value="" size="12" />
        </div>
        <div class="input">
            <label>Percentage Color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="percent_color" id="percent_color" value="" size="12" />
        </div>
        <div class="input">
            <label>Percentage Font Size</label>
            <input name="percent_font_size" id="percent_font_size" value="" size="12" />
        </div>
        <div class="input">
            <label>Percentage Font Weight</label>
            <select name="percent_font_weight" id="percent_font_weight">
                <option value="">Default</option>
                <option value="100">Thin 100</option>
                <option value="200">Extra-Light 200</option>
                <option value="300">Light 300</option>
                <option value="400">Regular 400</option>
                <option value="500">Medium 500</option>
                <option value="600">Semi-Bold 600</option>
                <option value="700">Bold 700</option>
                <option value="800">Extra-Bold 800</option>
                <option value="900">Ultra-Bold 900</option>
            </select>
        </div>
        <div class="input">
            <label>Active Background Color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="active_background_color" id="active_background_color" value="" size="12" />
        </div>
        <div class="input">
            <label>Active Border Color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="active_border_color" id="active_border_color" value="" size="12" />
        </div>
        <div class="input">
            <label>Inactive Background Color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="noactive_background_color" id="noactive_background_color" value="" size="12" />
        </div>
        <div class="input">
            <label>Progress Bar Height (px)</label>
            <input name="height" id="height" value="" size="12" />
        </div>
        <div class="input">
            <label>Progress Bar Border Radius</label>
            <input name="border_radius" id="border_radius" value="" size="12" />
        </div>
        <div class="input">
            <input type="submit" name="Insert" id="qode_insert_shortcode_button" value="Submit" />
        </div>

    </form>
</div>