x
<html><title>W3.CSS</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="4/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><!-- Mirrored from www.w3schools.com/w3css/tryit.asp?filename=tryw3css_progressbar_size2 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 16:49:32 GMT --></html>