摘要: 现在的WEB已经不是以前的WEB了,传输更大的数据量,有着更加复杂的计算,这就需要利用进度条来提高用户体验,必要时可以让用户耐心等待,不至于因操作卡了而关掉你的网页。前几天我在网上看到一款和一般进度条不太一样的玩意,它的外观是一条直线,末端有个小球,在进度变化时可以显示数字百分比,更可以用不同颜色来表示当前进度的状态。来看看效果图。一看进度条外观,还不错吧。同时,我们也可以在这里看到进度条的DEMO演示接下来我们来分析一下这款HTML5进度条的实现源码,篇幅有限,我们只挑核心的代码来说。HTML代码很简单,构造一个进度条容器和数字百分比容器: 0 首先我们来对进度条的容器进行样式渲染,利用.. 阅读全文
posted @ 2014-04-10 09:45 html5tricks 阅读(17466) 评论(11) 推荐(9) 编辑