1 <h1>Progress bars</h1> 2 <h2>Large</h2> 3 <div style="font-size:16px"> 4 This is an example of <progress value=7 max=10></progress> a determinate progress bar.<br> 5 This is an example of <progress></progress> an indeterminate progress bar.<br> 6 This is an example of <progress dir=rtl value=7 max=10></progress> a right-to-left determinate progress bar.<br> 7 This is an example of <progress dir=rtl></progress> a right-to-left indeterminate progress bar.<br> 8 </div> 9 <h2>Small</h2> 10 <div style="font-size:14px"> 11 This is an example of <progress value=4 max=10></progress> a small determinate progress bar.<br> 12 This is an example of <progress></progress> a small indeterminate progress bar.<br> 13 This is an example of <progress dir=rtl value=4 max=10></progress> a small right-to-left determinate progress bar.<br> 14 This is an example of <progress dir=rtl></progress> a small right-to-left indeterminate progress bar.<br> 15 </div> 16
