ux_ui_designer

1
// Preloader.js
2
import React from "react";
3
import "./loader.scss";
4

5
const Loader = ({ loadingProgress }) => {
6
  return (
7
    <div className="preloader">
8
      <div>
9
        <div className="preloader-line preloader-line-top"></div>
10
        <div className="preloader-line preloader-line-bottom"></div>
11
        <div className="preloader-percentage">
12
          {loadingProgress === 1
13
            ? "100%"
14
            : Math.round(loadingProgress * 100) + "%"}
15
        </div>
16
        <div className="preloader-circle"></div>
17
      </div>
18
    </div>
19
  );
20
};
21

22
export default Loader;
23