lixuechuan
/
electron-vite-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: progress bar display

This commit is contained in:
Jimmy 2023-09-14 03:25:15 +08:00
parent ce4fc3921e
commit 39bb7fc510
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/update/Progress/index.tsx
View File

@ -1,5 +1,5 @@
import React from 'react'
import'./progress.css'
import './progress.css'
const Progress: React.FC<React.PropsWithChildren<{
percent?: number
@ -11,10 +11,10 @@ const Progress: React.FC<React.PropsWithChildren<{
<div className='update-progress-pr'>
<div
className='update-progress-rate'
style={{ width: `${percent}%` }}
style={{ width: `${3 * percent}px` }}
/>
</div>
<span className='update-progress-num '>{(percent ?? 0).toString().substring(0,4)}%</span>
<span className='update-progress-num '>{(percent ?? 0).toString().substring(0, 4)}%</span>
</div>
)
}

2
src/components/update/Progress/progress.css
View File

@ -6,7 +6,7 @@
border: 1px solid #000;
border-radius: 3px;
height: 6px;
width: 200px;
width: 300px;
}
.update-progress-rate {