/*! ========================================================= * Argon Design System React - v1.0.0 ========================================================= * Product Page: https://www.creative-tim.com/product/argon-design-system-react * Copyright 2019 Creative Tim (https://www.creative-tim.com) * Licensed under MIT (https://github.com/creativetimofficial/argon-design-system-react/blob/master/LICENSE.md) * Coded by Creative Tim ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ import React from "react"; // reactstrap components import { Progress, Col } from "reactstrap"; class ProgressSection extends React.Component { render() { return ( <> <Col lg="5"> <h3 className="h4 text-success font-weight-bold mb-4"> Progress bars </h3> <div className="progress-wrapper"> <div className="progress-info"> <div className="progress-label"> <span>Task completed</span> </div> <div className="progress-percentage"> <span>40%</span> </div> </div> <Progress max="100" value="25" color="default" /> </div> <div className="progress-wrapper"> <div className="progress-info"> <div className="progress-label"> <span>Task completed</span> </div> <div className="progress-percentage"> <span>60%</span> </div> </div> <Progress max="100" value="60" /> </div> </Col> </> ); } } export default ProgressSection;