mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-16 12:50:38 +00:00
40 lines
849 B
TypeScript
40 lines
849 B
TypeScript
// @ts-nocheck
|
|
import PropTypes from 'prop-types'
|
|
import * as React from 'react'
|
|
|
|
const Bar = ({ progress, animationDuration }) => (
|
|
<div
|
|
style={{
|
|
background: '#79b8ff',
|
|
height: 4,
|
|
left: 0,
|
|
marginLeft: `${(-1 + progress) * 100}%`,
|
|
position: 'fixed',
|
|
top: 0,
|
|
transition: `margin-left ${animationDuration}ms linear`,
|
|
width: '100%',
|
|
zIndex: 1031,
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
boxShadow: '0 0 10px #79b8ff, 0 0 5px #79b8ff',
|
|
display: 'block',
|
|
height: '100%',
|
|
opacity: 1,
|
|
position: 'absolute',
|
|
right: 0,
|
|
transform: 'rotate(3deg) translate(0px, -4px)',
|
|
width: 100,
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
|
|
Bar.propTypes = {
|
|
animationDuration: PropTypes.number.isRequired,
|
|
progress: PropTypes.number.isRequired,
|
|
}
|
|
|
|
export default Bar;
|