Progress Bar

Progress Bar Style 1

75%

                
                    
        <div class="progress-bar-style-1 pb-1">
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="" aria-valuemin="0" aria-valuemax=""><span class="progress-value">75%</span></div>
            </div>
        </div>

Progress Bar Style 2

75%

                
                    
        <div class="progress-bar-style-2 pb-1">
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="" aria-valuemin="0" aria-valuemax=""></div>
                <span class="progress-value">75%</span>
            </div>
        </div>

Progress Bar Style 3

70%

                
                    
        <div class="progress-bar-style-3 pb-1">
            <div class="progress px-1">
                <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax=""><span class="progress-value">70%</span></div>
            </div>
        </div>

Progress Bar Style 4

Web Design

72%

                
                    
        <div class="progress-bar-style-4 pb-1">
            <h3 class="mb-5">Progress Bar Style 4</h3>
            <p class="progress-title">Web Design</p>
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: 72%" aria-valuenow="72" aria-valuemin="0" aria-valuemax=""></div>
                <span class="progress-value">72%</span>
            </div>
        </div>