Progress

Progress display the length of a process or an unspecified wait time.

Element

<progress>...</progress>

Most used helpers

Forms

circle

Sizes

small, medium, large

Linear example (default)

<progress></progress>
<progress value="0.25"></progress>
<progress value="25" max="100"></progress>

Circular example

<progress class="circle"></progress>

Go to

Begin, Elements, Helpers, Settings, Summary, beercss.com

Badge, Button, Card, Checkbox, Chip, Container, Dialog, Expansion, Grid, Icon, Input, Layout, Main layout, Media, Menu, Navigation, Overlay, Page, Progress, Radio, Select, Slider, Switch, Table, Tabs, Textarea, Snackbar, Tooltip, Typography