UNPKG

azure-devops-ui

Version:

React components for building web UI in Azure DevOps

1 lines 749 B
import"../../CommonImports";import"../../Core/core.css";import"./ProgressBar.css";import*as React from"react";import{Observer}from"../../Observer";import{css}from"../../Util";const ProgressBar=a=>React.createElement(Observer,{currentValue:a.currentValue},r=>{var{transitionDuration:e=150}=a;return React.createElement("span",{className:css(a.className,"bolt-progress-bar-container flex-row flex-noshrink flex-grow scroll-hidden")},React.createElement("span",{"aria-label":a.ariaLabel,"aria-valuemin":0,"aria-valuemax":a.maxValue,"aria-valuenow":r.currentValue,className:css(a.progressBarClassName,"bolt-progress-bar-bar"),role:"progressbar",style:{transitionDuration:e+"ms",transform:`scaleX(${r.currentValue/a.maxValue})`}}))});export{ProgressBar};