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 React from 'react'
import'./progress.css' import './progress.css'
const Progress: React.FC<React.PropsWithChildren<{ const Progress: React.FC<React.PropsWithChildren<{
percent?: number percent?: number
@ -11,10 +11,10 @@ const Progress: React.FC<React.PropsWithChildren<{
<div className='update-progress-pr'> <div className='update-progress-pr'>
<div <div
className='update-progress-rate' className='update-progress-rate'
style={{ width: `${percent}%` }} style={{ width: `${3 * percent}px` }}
/> />
</div> </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> </div>
) )
} }

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

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