Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
wp-content
/
plugins
/
jetpack
/
jetpack_vendor
/
automattic
/
jetpack-videopress
/
src
/
client
/
admin
/
components
/
progress-bar
:
index.tsx
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import classnames from 'classnames'; /** * Internal dependencies */ import styles from './style.module.scss'; import { ProgressBarProps } from './types'; import type React from 'react'; /** * Progress Bar component * * @param {ProgressBarProps} props - Component props. * @returns {React.ReactNode} - ProgressBar react component. */ const ProgressBar: React.FC< ProgressBarProps > = ( { className, progress } ) => { if ( progress == null ) { return null; } const normalizedProgress = Math.max( Math.min( progress, 1 ), 0 ); const style = { width: `${ normalizedProgress * 100 }%`, }; return ( <div className={ classnames( className, styles.wrapper ) }> <div className={ classnames( styles.progress ) } style={ style }></div> </div> ); }; export default ProgressBar;