furl
Getting startedDesignComponents
Design
Design GuidelinesTypography SystemLayout SystemColor palettesCustomization
Components
ComponentsAccordionAlertAnchorAudioAvatarBadgeBreadcrumbsButtonButtonGroupCalendarCardCollapseContextButtonDividerDropdownFooterFormGraphGridHyperlinkIconIframeImageInputItemLayoutListLoaderMediaObjectMenuModalNotificationPaginationPopoverProgressSearchStepsSwitchTableTabsTooltipTypographyVideo

Progress

Progress displays the current progress of an operation.

Examples

15%35%50%65%80%90%100%
import React from 'react';
import ReactDOM from 'react-dom';
import { Progress } from 'furl-components';

ReactDOM.render(
  <Progress value={65} max={100} color='success' />, 
  document.getElementById('root')
);

API

Progress props
Property Description Type Default
color progres color string 'plain'
size progres size string 'normal'
value progres value int 0
max progres maximum value int 100

Notes

  • color can be any of the predefined color palettes ('plain', 'primary', 'secondary', 'success', 'warning' or 'danger').
  • size can be either 'normal' or 'large'.

furl was designed and developed by Angelos Chalaris © 2019
Documentation generated using Gatsby, hosting by Netlify