前言

最近在开发wordpress主题，一直没有时间管理博客和开发新的工具，奈何最近学了点jQuery，所以我昨天花一点时间构思+借鉴大佬+自己敲代码就生成这一款非常优雅的时间进度这个小工具，今天顺便优化一下就发了，可能还有点Bug，哈哈哈。时间进度小工具主要由HTML+CSS+jQuery制作而成，因为大部分博客主题都有jQuery了，所以就用了一下jQuery，若没有自己调用jQueryCDN。

教程

第一步：创建自定义HTML小工具

这个应该不用多说了吧！玩WP的大部分都知道如何创建！

第二步：添加代码

把下面的代码添加进去，保存就大功告成了！非常的简单

说明

时间进度小工具-进度条可以自定义background背景颜色，已在代码中注释了，自己可以添加自己喜欢的背景颜色。