x
<html><title>W3.CSS</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css"><body><div class="w3-container"> <h2>Progress Bar Size</h2> <p>Use a w3-<em>size</em> class (w3-small, w3-large) to change the size of the progress bar:</p> <p>w3-tiny:</p> <div class="w3-light-grey w3-tiny"> <div class="w3-container w3-green" style="width:50%">50%</div> </div> <p>w3-small:</p> <div class="w3-light-grey w3-small"> <div class="w3-container w3-green" style="width:50%">50%</div> </div> <p>Default:</p> <div class="w3-light-grey"> <div class="w3-container w3-green" style="width:50%">50%</div> </div> <p>w3-large:</p> <div class="w3-light-grey w3-large"> <div class="w3-container w3-green" style="width:50%">50%</div> </div> <p>w3-xlarge:</p> <div class="w3-light-grey w3-xlarge"> <div class="w3-container w3-green" style="width:50%">50%</div> </div> <p>w3-xxlarge:</p> <div class="w3-light-grey w3-xxlarge"> <div class="w3-container w3-green" style="width:50%">50%</div> </div></div></body></html>