<metro-progress value="20"/> <metro-progress value="20" small="true" class="mt-2" /> <metro-progress value="20" show-value="true" class="mt-2" /> <metro-progress value="20" show-value="true" value-position="Center" class="mt-2" /> <metro-progress value="20" show-label="true" class="mt-2" /> <metro-progress value="20" show-label="true" label-template="%VAL% uploaded!" label-position="After" class="mt-2" /> <metro-progress value="20" buffer="40" type="Buffer" class="mt-2" /> <metro-progress value="20" type="Load" class="mt-2" /> <metro-progress value="20" type="Load" buffer="40" class="mt-2" /> <metro-progress value="20" type="Line" class="mt-2" /> <metro-progress value="20" cls-bar="bg-cyan" cls-back="bg-yellow" class="mt-2" />