【进度条&勋章】花了一小时你就找到这个东西挺值的

引文:今天在GitHub上看见了这个东西

卧槽!能不能不这么狂拽炫酷吊炸天的好看,不能忍.于是花了一小时找啊找啊找啊找.

终于找到了如何生成和制作的.深夜1点赶来分享

勋章:http://shields.io/

进度条:https://github.com/fehmicansaglam/progressed.io

 

如何使用?

勋章请找到相应的svg,或者拉到屏幕最下面自定义勋章样式

进度条则采用http://progressed.io/bar/进度(数字)?title=(标题) 如http://progressed.io/bar/28?title=progress

支持markdown语法引用

在线演示如下:

<iframe style="background-color: transparent; border-width: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 788px; height: 350px;" src="http://www.gbtags.com/gb/rtwidget-replayerpreview/1138.htm"></iframe>

 

这么炫酷的代码不来调试下嘛:http://www.gbtags.com/gb/rtreplayerpreview/1138.htm

原文链接:http://www.gbtags.com/gb/share/5762.htm

你可能感兴趣的:(JavaScript)