JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<script type="text/javascript" src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css" rel="stylesheet">
<div id="progressModal" class="modal" role="dialog" tabindex="-1" style="display:none">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-body">
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"> <span class="sr-only">45% Complete</span>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="button" />

JavaScript

$(document).ready(function() {
    $("#progressModal").modal({
        keyboard: true,
        show: false,
        backdrop: 'static'
    });    
    $("input").click(function() {
       $("#progressModal").modal("show");             
    });
});