ProgressBar
Progress Bars provide a visual display method for progress or percentages in a range.
Usage
import { ProgressBar } from '@electricui/components-desktop-blueprint' <ProgressBar accessor ="motion_progress" min ={0} max ={100} />Intent
The intent property allows you to change the colour. The default is none.
<ProgressBar accessor ="startup_prog" min ={0} max ={100} intent ="none" /><ProgressBar accessor ="startup_prog" min ={0} max ={100} intent ="primary" /><ProgressBar accessor ="startup_prog" min ={0} max ={100} intent ="success" /><ProgressBar accessor ="startup_prog" min ={0} max ={100} intent ="warning" /><ProgressBar accessor ="startup_prog" min ={0} max ={100} intent ="danger" />Stripes
Stripes provide a cosmetic distinction, and animate by default.
<ProgressBar accessor ="motion_progress" min ={10} max ={40} stripes />Animation
Disable animated stripes by setting the animate property to false.
<ProgressBar accessor ="motion_progress" animate ={false} />