azure-devops-ui/Components/ProgressBar/ProgressBar.min.js

React components for building web UI in Azure DevOps

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