logo

CSS

浏览器默认样式统一,基础样式,网格,表格、表单、按钮及常用组件样式。

Progress


进度条使用 flex 实现,只兼容 IE 10+ 及其他现代浏览器

进度条和进度饼颜色都默认主色。

进度条

20%
<div class="project-progress-content">
    <div class="slider slider-horizontal">
        <div class="slider-track">
            <div class="slider-selection"></div>
            <span class="slider-handle"<>/span>
        </div>
    </div>
    <span class="ui-slider-number">20%</span>
</div>
                

进度饼

进度饼一般在上传文件时显示进度,结合js使用,在input框中填入数字看看效果吧

<span class="progress-circle">
    <span class="pie_left">
        <span class="left"></span>
    </span>
    <span class="pie_right">
        <span class="right"></span>
    </span>
</span>
<input type="text" class="mask" value="0" />
                
侧栏导航