css 백분율 진도표 구현


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>  title>
    <style type="text/css">
        .Bar { position: relative; width: 200px;
            /*    */ border: 1px solid #B1D632; padding: 1px; }
        .Bar div{ display: block; position: relative;
            background:peachpuff;/*         */ color: #333333;
            height: 20px; /*    */ line-height: 20px;
            /*        ，         */ }
        .Bar div span{ position: absolute; width: 200px;
            /*    */ text-align: center; font-weight: bold; }

    style>
head>
<body>
                :
    <div class="Bar">
        <div style="width:70%;">
            <span>70%span>
        div>
    div>
body>
html>

css 백분율 진도표 구현

좋은 웹페이지 즐겨찾기