---
title: Code badges
---

Here are some badges for open source projects.

### Badge markdown

    Travis
    [![Status](https://travis-ci.org/rstacruz/REPO.svg?branch=master)](https://travis-ci.org/rstacruz/REPO)  
    CodeClimate (shields.io)
    [![CodeClimate](http://img.shields.io/codeclimate/github/rstacruz/REPO.svg?style=flat)](https://codeclimate.com/github/rstacruz/REPO 
    "CodeClimate")

    Coveralls (shields.io)
    [![Coveralls](http://img.shields.io/coveralls/rstacruz/REPO.svg?style=flat)](https://coveralls.io/r/rstacruz/REPO)

    Travis (shields.io)
    [![Status](http://img.shields.io/travis/rstacruz/REPO/master.svg?style=flat)](https://travis-ci.org/rstacruz/REPO "See test builds")

    NPM (shields.io)
    [![npm version](http://img.shields.io/npm/v/REPO.svg?style=flat)](https://npmjs.org/package/REPO "View this project on npm")

    Ruby gem (shields.io)
    [![Gem](https://img.shields.io/gem/v/GEMNAME.svg?style=flat)](http://rubygems.org/gems/GEMNAME "View this project in Rubygems")

### Etc

    Gitter chat
    [![Gitter chat](https://badges.gitter.im/USER/REPO.png)](https://gitter.im/REPO/GITTERROOM "Gitter chat")

    Gitter chat (shields.io)
    [![Chat](http://img.shields.io/badge/gitter-USER / REPO-blue.svg)]( https://gitter.im/USER/REPO )

    david-dm
    [![Dependencies](http://img.shields.io/david/rstacruz/REPO.svg?style=flat)](https://david-dm.org/rstacruz/REPO)

    [![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

### Support stuff

    Support
    -------

    __Bugs and requests__: submit them through the project's issues tracker.<br>
    [![Issues](http://img.shields.io/github/issues/USER/REPO.svg)]( https://github.com/USER/REPO/issues )

    __Questions__: ask them at StackOverflow with the tag *REPO*.<br>
    [![StackOverflow](http://img.shields.io/badge/stackoverflow-REPO-blue.svg)]( http://stackoverflow.com/questions/tagged/REPO )

    __Chat__: join us at gitter.im.<br>
    [![Chat](http://img.shields.io/badge/gitter.im-USER/REPO-blue.svg)]( https://gitter.im/USER/REPO )

### Frontend js installation

    Installation
    ------------

    Add [nprogress.js] and [nprogress.css] to your project.

    ```html
    <script src='nprogress.js'></script>
    <link rel='stylesheet' href='nprogress.css'/>
    ```

    NProgress is available via [bower] and [npm].

        $ bower install --save nprogress
        $ npm install --save nprogress

    [bower]: http://bower.io/search/?q=nprogress
    [npm]: https://www.npmjs.org/package/nprogress

### Acknowledgements

    **PROJECTNAME** © 2014+, Rico Sta. Cruz. Released under the [MIT] License.<br>
    Authored and maintained by Rico Sta. Cruz with help from contributors ([list][contributors]).

    > [ricostacruz.com](http://ricostacruz.com) &nbsp;&middot;&nbsp;
    > GitHub [@rstacruz](https://github.com/rstacruz) &nbsp;&middot;&nbsp;
    > Twitter [@rstacruz](https://twitter.com/rstacruz)

    [MIT]: http://mit-license.org/
    [contributors]: http://github.com/rstacruz/nprogress/contributors

### Links

 * Everything: http://shields.io/

 * Version badge (gems, npm): http://badge.fury.io/

 * Dependencies (ruby): http://gemnasium.com/

 * CI: http://travis-ci.org/

 * Code quality (ruby): http://codeclimate.com/

 * Test coverage: https://coveralls.io/