Circular Progress - SMUI

Svelte Material UI

View Docs: circular-progress

Join the Discord Server

Hunter Perrin (SMUI Author) on Twitter

SMUI on GitHub

Lights on

Installation SvelteKit Theming Migrating

Accordion Badge Banner Action Buttons Button Floating Action Button Icon Button Cards Common Data Table Dialog Drawer Elevation Image List Inputs and Controls Autocomplete Checkbox Chips Form Field Radio Button Segmented Button Select Menu Slider Switch Text Field Layout Grid List Menu Surface Menu Paper Progress Indicators Circular Progress Linear Progress Ripple Snackbar Tabs Tooltip Top App Bar Touch Target Typography

Circular Progress

Installation

npm i -D @smui/circular-progress

Demos

Closed

View circular-progress/_Simple.svelte on GitHub

Show the source code

Indeterminate

View circular-progress/_Indeterminate.svelte on GitHub

Show the source code

Four Color

View circular-progress/_FourColor.svelte on GitHub

View circular-progress/_FourColor.scss on GitHub

Show the source code

Colored (using Sass mixins)

View circular-progress/_Colored.svelte on GitHub

View circular-progress/_Colored.scss on GitHub

Show the source code