Progress Bar | Elastic Pro

Progress Bar Style 1

75%

                                    
    <div class="progress-bar-style-2">
        <div class="progress">
            <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar" role="progressbar" style="width: 75%">    
                <h6>75%</h6>
            </div>
        </div>
    </div>

Progress Bar Style 2

75%

                                        
    <div class="progress-bar-style-2">
        <div class="progress">
            <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar" role="progressbar" style="width: 75%">
            </div>
            <h6>75%</h6>
        </div>
    </div>

Progress Bar Style 3

75%

                                    
    <div class="progress">
        <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar progress-bar-striped" role="progressbar" style="width: 75%">
            <h6>75%</h6>
        </div>
    </div>

Progress Bar Style 4

Web Design

72%

                                    
                <div class="progress-bar-style-4">
                    <div class="progress-details">
                        <h5>Web Design</h5>
                        <h5>72%</h5>
                    </div>
                    <div class="progress">
                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar" role="progressbar" style="width: 55%">&nbsp;</div>
                </div>