html5+css3实现响应式时间进度条特效

html5+css3实现响应式时间进度条特效，是用最原始的html5标签和css3样式写的，没有用到jquery和原生javascript，作品代码简洁，使用简单，可以直接用到任何项目和页面中，响应式支持任何设备访问，大家好好利用哦。。。

分类：日期时间 > 时间轴难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用

<link rel="stylesheet" type="text/css" href="css/normalize3.0.2.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css?v=40" />

简单的页面纯css

<section>
    <div id="time_axis">
      <div id="member"><img src="images/member.png" />
        <h2>漫画 </h2>
        <h2>jquery改变生活</h2>
      </div>
      <div class="clear"></div>
      <div id="jingzhan">
      <div class="time t_cur">
        <div class="t_1">2013.06</div>
        <div class="t_2"></div>
        <div class="t_3">Jquery学堂成立</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.07</div>
        <div class="t_2"></div>
        <div class="t_3">JquerySchool网站上线</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.08</div>
        <div class="t_2"></div>
        <div class="t_3">网友分享原创</div>
      </div>
      <div class="time t_cur">
        <div class="t_1">2013.09</div>
        <div class="t_2"></div>
        <div class="t_3">网友在线学习</div>
      </div>
      <div class="time">
        <div class="t_1">2013.10</div>
        <div class="t_2"></div>
        <div class="t_3">群创</div>
      </div>
      <div class="time">
        <div class="t_1">2013.11</div>
        <div class="t_2"></div>
        <div class="t_3">在线API上线</div>
      </div>
      </div>
    </div>
  </section>