UNPKG

@blueprintjs/core

Version:
28 lines (18 loc) 865 B
@# Progress bar Progress bars indicate progress towards the completion of a task or an indeterminate loading state. @reactExample ProgressExample @## Props `ProgressBar` is a simple stateless component that renders the appropriate HTML markup. It supports a `value` prop between 0 and 1 that determines the width of the progress meter. Omitting `value` will result in an "indeterminate" progress meter that fills the entire bar. @interface IProgressBarProps @## CSS Set the current progress of the bar via a `width` style rule on the inner `.@ns-progress-meter` element. This is a very simple CSS-only component, and input validation for `width` values is limited: values above `100%` appear as 100% progress and values below `0%` appear as 0%. Omitting `width` will result in an "indeterminate" progress meter that fills the entire bar. @css progress-bar