Progress Bar

                        
    <div class="progress-bar-style-1">
        <div class="progress-bar-title">
            <h4>Lorem ipsum</h4>
            <h5>90%</h5>
        </div>
        <div class="progress">
            <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            </div>
        </div>
    </div>
                        
                        Copy to clipboard
                    

                        
    <div class="progress-bar-style-1 progress-bar-style-2">
        <div class="progress-bar-title">
            <h4>Lorem ipsum</h4>
            <h5>90%</h5>
        </div>
        <div class="progress">
            <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            </div>
        </div>
    </div>
                        
                        Copy to clipboard
                    

                        
    <div class="progress-bar-style-1 progress-bar-style-3">
        <div class="progress-bar-title">
            <h4>Lorem ipsum</h4>
            <h5>90%</h5>
        </div>
        <div class="progress">
            <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            </div>
        </div>
    </div>
                        
                        Copy to clipboard
                    

                        
    <div class="progress-bar-style-1 progress-bar-style-4">
        <div class="progress-bar-title">
            <h4>Lorem ipsum</h4>
            <h5>90%</h5>
        </div>
        <div class="progress">
            <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            </div>
        </div>
    </div>
                        
                        Copy to clipboard