今天完成的事情：

         1.  继续写Task2的页面,进度条耽误了很久想要重新写样式每个浏览器实现方法不一样,谷歌需要用-webkit-appearance: none来重置,-webkit-slider-runnable-track重写进度条的样式,-webkit-slider-thumb重写划标的样式,查看了师兄的demo发现可以让input标签浮动或者设置position: relative也可以更改样式,但是重置划标的样式之后对不上原本的设计 ,我看师兄的demo也没设置其他的标签,不明白为什么,进度条的样式我用的background: linear-gradient(to right, #f19e1d,1%,#fff)来做,用onchange事件来改变开始渐变的位置勉强跟设计差不多,玩家人数的实时显示也可以用onchange来实现.

明天计划的事情：

     2. 目标完成Task2;完成js的逻辑继续学习bootstrap得用法,看锋利的jqurey

遇到的问题：

           1. 从写进度条的样式,百度到了一些方法,都需要写兼容,借鉴了一些师兄demo的写法.

           2. Task2的业务逻辑还是有些不明白怎么实现.下载了师兄的demo源码正在看.

收获：

        1.  学习了input标签的range用法,以及一些改写样式的方法.

        2.  学习了js的onchange事件和onpropertychange事件.