SWAMPy

✎ CARVE FLESH

EDITING: ProgressBar.js

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import React from 'react'
import {number, string} from 'prop-types'
import classnames from 'classnames'

export default function ProgressBar(props) {
  return (
    <div
      className={classnames({
        'progress-bar__bar-container': true,
        'almost-done': props.progress === 100,
      })}
    >
      <div
        className={classnames({
          'progress-bar__bar': true,
          'almost-done': props.progress === 100,
        })}
        role="progressbar"
        aria-valuenow={props.progress}
        aria-valuemin="0"
        aria-valuemax="100"
        aria-label={props['aria-label'] || ''}
        style={{
          width: `${Math.min(props.progress, 100)}%`,
        }}
      />
    </div>
  )
}

ProgressBar.propTypes = {
  'aria-label': string,
  progress: number.isRequired,
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 ApiProgressBar.js	JS	2.9 KB	2023-09-24 03:39	EDIT
📄 ProgressBar.js	JS	1.5 KB	2023-09-24 03:39	EDIT