React Progress Bar Code 1
React
import React from 'react'; import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom/client'; function ProgressBar() { return ( <>
50%
> ); } ReactDOM.render(
, document.getElementById('root')); const root = ReactDOM.createRoot(document.getElementById('root')); root.render(
); const GetProgressBar = () => { return ( <>
50%
> ); } export default GetProgressBar; export const GetProgressBar = () => { return ( <>
50%
> ); }
CSS
.progress-outer{ width: 100%; height: 20px; border: none; background: #f1f1f1; } .progress-inner{ width: 50%; height: 20px; border: none; font-size: 15px; font-family: courier; font-weight: normal; text-align: center; color: #ffffff; background: #19a9a6; }
50%
Follow Us