Progress

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.


Examples

Task completed
60%
Task completed
60%
Task completed
60%
Task completed
60%
Task completed
60%
Task completed
60%
Task completed
60%
<div>
   <base-progress type="default" :value="60" label="Task completed"></base-progress>
   <base-progress type="primary" :value="60" label="Task completed"></base-progress>
   <base-progress type="white" :value="60" label="Task completed"></base-progress>
   <base-progress type="info" :value="60" label="Task completed"></base-progress>
   <base-progress type="success" :value="60" label="Task completed"></base-progress>
   <base-progress type="danger" :value="60" label="Task completed"></base-progress>
   <base-progress type="warning" :value="60" label="Task completed"></base-progress>
</div>

Props

Prop Name Type Default Description
striped Boolean N/A Whether progress is striped
animated Boolean N/A Whether progress is animated (works only with `striped` prop together)
label String N/A Progress label (shown on the left above progress)
height Number 8 Progress line height
type String default Progress type (e.g danger, primary etc)
value Number N/A Progress value