Primer / Progress

Use Progress components to visualize task completion

This repository is a module of the full primer repository.

Install

This repository is distributed with npm. After installing npm, you can install primer-progress with this command.

$ npm install --save primer-progress

Usage

The source files included are written in Sass (SCSS) You can simply point your sass include-path at your node_modules directory and import it like this.

@import "primer-progress/index.scss";

You can also import specific portions of the module by importing those partials from the /lib/ folder. Make sure you import any requirements along with the modules.

Build

For a compiled CSS version of this module, an npm script is included that will output a css version to build/build.css The built css file is also included in the npm package:

$ npm run build

Documentation

Use Progress components to visualize task completion.

Default Progress

<span class="Progress">
  <span class="Progress-value bg-green" style="width: 50%;"></span>
</span>

Large Progress

<span class="Progress Progress--large">
  <span class="Progress-value bg-green" style="width: 50%;"></span>
</span>

Small Progress

<span class="Progress Progress--small">
  <span class="Progress-value bg-green" style="width: 50%;"></span>
</span>

Progress with tooltip

<div class="tooltipped tooltipped-n" aria-label="78 done / 6 in progress / 2 to do">
  <span class="Progress">
    <span class="Progress-value bg-green" style="width: 50%;"></span>
  </span>
</div>

Progress with multiple values

<div class="tooltipped tooltipped-n" aria-label="78 done / 6 in progress / 2 to do">
  <span class="Progress">
    <span class="Progress-value bg-green" style="width: 50%;"></span>
    <span class="Progress-value bg-purple" style="width: 25%;"></span>
    <span class="Progress-value bg-red" style="width: 5%;"></span>
  </span>
</div>

License

MIT © GitHub

Current Tags

1.0.0 ... latest (7 years ago)
1.1.0-alpha.df004242 ... pr (7 years ago)
1.1.0-alpha.82c06bb2 ... rc (7 years ago)

253 Versions

1.1.0-alpha.df004242 ... 7 years ago
1.1.0-alpha.0e97ea6c ... 7 years ago
1.1.0-alpha.880aa354 ... 7 years ago
1.1.0-alpha.d5a982e8 ... 7 years ago
1.1.0-alpha.748df56f ... 7 years ago
1.1.0-alpha.8348e823 ... 7 years ago
1.1.0-alpha.94655d9d ... 7 years ago
1.1.0-alpha.0a57e1d1 ... 7 years ago
1.1.0-alpha.74cf4cd4 ... 7 years ago
1.1.0-alpha.12fdfce5 ... 7 years ago
1.1.0-alpha.658f95a6 ... 7 years ago
1.1.0-alpha.e45cefe1 ... 7 years ago
1.0.0 ... 7 years ago
1.1.0-alpha.82c06bb2 ... 7 years ago
1.1.0-alpha.dee1eb40 ... 7 years ago
0.2.0-alpha.55f783ab ... 7 years ago
0.2.0-alpha.78600794 ... 7 years ago
0.2.0-alpha.a75d1fb5 ... 7 years ago
0.2.0-alpha.eba8f309 ... 7 years ago
0.2.0-alpha.b78e8ab3 ... 7 years ago
0.2.0-alpha.10e3b361 ... 7 years ago
0.2.0-alpha.645f5f82 ... 7 years ago
0.2.0-alpha.24b4159c ... 7 years ago
0.2.0-alpha.618b7b78 ... 7 years ago
0.2.0-alpha.e6d3dacb ... 7 years ago
0.2.0-alpha.77423703 ... 7 years ago
0.2.0-alpha.28960460 ... 7 years ago
0.2.0-alpha.2be44f23 ... 7 years ago
0.2.0-alpha.cb697793 ... 7 years ago
0.2.0-alpha.80c32bd2 ... 7 years ago
0.2.0-alpha.5a78e62d ... 7 years ago
0.2.0-alpha.68c3e189 ... 7 years ago
0.2.0-alpha.61aab4bc ... 7 years ago
0.2.0-alpha.127dd98f ... 7 years ago
0.2.0-alpha.8d7000cb ... 7 years ago
0.2.0-alpha.c9e70d2f ... 7 years ago
0.2.0-alpha.1c57a0a9 ... 7 years ago
0.2.0-alpha.78cb7baa ... 7 years ago
0.2.0-alpha.7f53e5ff ... 7 years ago
0.2.0-alpha.96f9fe02 ... 7 years ago
0.2.0-alpha.2682bd3a ... 7 years ago
0.2.0-alpha.1a7850cf ... 7 years ago
0.2.0-alpha.33d1cca1 ... 7 years ago
0.2.0-alpha.12076a07 ... 7 years ago
0.2.0-alpha.113894c2 ... 7 years ago
0.2.0-alpha.7e8b2dae ... 7 years ago
0.2.0-alpha.8d395281 ... 7 years ago
0.2.0-alpha.d8e36290 ... 7 years ago
0.2.0-alpha.9d5ddbae ... 7 years ago
0.2.0-alpha.0e91d9c4 ... 7 years ago
0.2.0-alpha.12b798b8 ... 7 years ago
0.2.0-alpha.2ccb67f5 ... 7 years ago
0.2.0-alpha.fbc5fb3f ... 7 years ago
0.2.0-alpha.ef822821 ... 7 years ago
0.2.0-alpha.5b896e00 ... 7 years ago
0.2.0-alpha.333ee702 ... 7 years ago
0.2.0-alpha.2507e037 ... 7 years ago
0.2.0-alpha.a5b2d418 ... 7 years ago
0.2.0-alpha.031b4784 ... 7 years ago
0.2.0-alpha.a158835b ... 7 years ago
0.2.0-alpha.4b1305d3 ... 7 years ago
0.2.0-alpha.20da46e0 ... 7 years ago
0.2.0-alpha.ee6f7715 ... 7 years ago
0.2.0-alpha.091e3379 ... 7 years ago
0.2.0-alpha.946e3ad8 ... 7 years ago
0.2.0-alpha.d51305cd ... 7 years ago
0.2.0-alpha.0bc0eeca ... 7 years ago
0.2.0-alpha.d8fa0fbf ... 7 years ago
0.2.0-alpha.dace91e8 ... 7 years ago
0.2.0-alpha.4d5dbc0a ... 7 years ago
0.2.0-alpha.5c653f08 ... 7 years ago
0.2.0-alpha.20dd7c15 ... 7 years ago
0.2.0-alpha.d93360bc ... 7 years ago
0.2.0-alpha.e41bfddd ... 7 years ago
0.2.0-alpha.b1478763 ... 7 years ago
0.2.0-alpha.87aaf87e ... 7 years ago
0.2.0-alpha.51dbf9ab ... 7 years ago
0.2.0-alpha.2aa63435 ... 7 years ago
0.2.0-alpha.03430b81 ... 7 years ago
0.2.0-alpha.7a0f07a5 ... 7 years ago
0.2.0-alpha.7941d537 ... 7 years ago
0.2.0-alpha.a5658d30 ... 7 years ago
0.2.0-alpha.ca348b59 ... 7 years ago
0.2.0-alpha.f2b57801 ... 7 years ago
0.2.0-alpha.79aab1d6 ... 7 years ago
0.2.0-alpha.79e1959c ... 7 years ago
0.1.3 ... 7 years ago
0.2.0-alpha.14293137 ... 7 years ago
0.2.0-alpha.7c2e8750 ... 7 years ago
0.2.0-alpha.2d744d75 ... 7 years ago
0.2.0-alpha.8212a1d1 ... 7 years ago
0.2.0-alpha.c098d806 ... 7 years ago
0.2.0-alpha.cf5e649c ... 7 years ago
0.2.0-alpha.2d2ba632 ... 7 years ago
0.2.0-alpha.5eefc7cd ... 7 years ago
0.2.0-alpha.141d2d88 ... 7 years ago
0.2.0-alpha.c71b51f1 ... 7 years ago
0.2.0-alpha.4f621c26 ... 7 years ago
0.2.0-alpha.ec171b46 ... 7 years ago
0.2.0-alpha.1811653a ... 7 years ago
0.2.0-alpha.5d2d2289 ... 7 years ago
0.2.0-alpha.4cdb2f3a ... 7 years ago
0.2.0-alpha.197cd065 ... 7 years ago
0.2.0-alpha.de967b8b ... 7 years ago
0.2.0-alpha.629938f0 ... 7 years ago
0.2.0-alpha.9db56652 ... 7 years ago
0.2.0-alpha.45cd0ac2 ... 7 years ago
0.2.0-alpha.a6cd7ee5 ... 7 years ago
0.2.0-alpha.ef34ab55 ... 7 years ago
0.2.0-alpha.6f43d81e ... 7 years ago
0.2.0-alpha.9798c944 ... 7 years ago
0.2.0-alpha.3bd3259f ... 7 years ago
0.2.0-alpha.d2e6ee2d ... 7 years ago
0.2.0-alpha.c5a475ff ... 7 years ago
0.2.0-alpha.100c45e0 ... 7 years ago
0.2.0-alpha.d16597a4 ... 7 years ago
0.2.0-alpha.6af250dd ... 7 years ago
0.2.0-alpha.4ab66aaa ... 7 years ago
0.2.0-alpha.88be8a95 ... 7 years ago
0.2.0-alpha.35d6afc4 ... 7 years ago
0.2.0-alpha.6a37bfd5 ... 7 years ago
0.2.0-alpha.36125bde ... 7 years ago
0.2.0-alpha.4ee73d2a ... 7 years ago
0.2.0-alpha.a8d2d06c ... 7 years ago
0.2.0-alpha.1ed322f8 ... 7 years ago
0.2.0-alpha.97e04ebe ... 7 years ago
0.2.0-alpha.912f1fb8 ... 7 years ago
0.2.0-alpha.a4df514d ... 7 years ago
0.2.0-alpha.076ed277 ... 7 years ago
0.2.0-alpha.7c07cf8e ... 7 years ago
0.2.0-alpha.950bf2b7 ... 7 years ago
0.2.0-alpha.c7a3eeeb ... 7 years ago
0.2.0-alpha.f18919ba ... 7 years ago
0.2.0-alpha.50510ebc ... 7 years ago
0.2.0-alpha.ecdd8bad ... 7 years ago
0.2.0-alpha.82a598b3 ... 7 years ago
0.1.2 ... 7 years ago
0.2.0-alpha.93f4e152 ... 7 years ago
0.2.0-alpha.eb2780e6 ... 7 years ago
0.2.0-alpha.e7c17f27 ... 7 years ago
0.2.0-alpha.426b85a5 ... 7 years ago
0.2.0-alpha.da3ba6a1 ... 7 years ago
0.2.0-alpha.d9b3997c ... 7 years ago
0.2.0-alpha.8d56c8e7 ... 7 years ago
0.2.0-alpha.7324c66f ... 7 years ago
0.2.0-alpha.2a15788f ... 7 years ago
0.2.0-alpha.95307c65 ... 7 years ago
0.2.0-alpha.687ba691 ... 7 years ago
0.2.0-alpha.d9c365a1 ... 7 years ago
0.2.0-alpha.a5c1364f ... 7 years ago
0.2.0-alpha.955f170c ... 7 years ago
0.2.0-alpha.0b0648ab ... 7 years ago
0.2.0-alpha.e7877054 ... 7 years ago
0.2.0-alpha.3e5ab64a ... 7 years ago
0.2.0-alpha.e7242c1b ... 7 years ago
0.2.0-alpha.f83c67be ... 7 years ago
0.2.0-alpha.d2790373 ... 7 years ago
0.2.0-alpha.1092c5ae ... 7 years ago
0.2.0-alpha.413e9cf2 ... 7 years ago
0.2.0-alpha.ee297c75 ... 7 years ago
0.2.0-alpha.5862b25f ... 7 years ago
0.2.0-alpha.2bb3a027 ... 7 years ago
0.1.2-rc.1 ... 7 years ago
0.1.2-rc.0 ... 7 years ago
0.1.1-rc.9 ... 7 years ago
0.1.1-rc.8 ... 7 years ago
0.2.0-alpha.6c54e75d ... 7 years ago
0.2.0-alpha.50e7198e ... 7 years ago
0.2.0-alpha.15a93353 ... 7 years ago
0.2.0-alpha.82bac610 ... 7 years ago
0.2.0-alpha.47ed2750 ... 7 years ago
0.2.0-alpha.4dab7fdf ... 7 years ago
0.2.0-alpha.af57a500 ... 7 years ago
0.2.0-alpha.52d5b327 ... 7 years ago
0.2.0-alpha.7a76b326 ... 7 years ago
0.2.0-alpha.8432e534 ... 7 years ago
0.2.0-alpha.45c8cf83 ... 7 years ago
0.2.0-alpha.2a13841b ... 7 years ago
0.2.0-alpha.d4f69a27 ... 7 years ago
0.2.0-alpha.6289c294 ... 7 years ago
0.2.0-alpha.4586004e ... 7 years ago
0.2.0-alpha.f5a89e25 ... 7 years ago
0.2.0-alpha.084f709d ... 7 years ago
0.2.0-alpha.8d9b243e ... 7 years ago
0.2.0-alpha.7acee306 ... 7 years ago
0.2.0-alpha.0b0d1941 ... 7 years ago
0.2.0-alpha.456be6d9 ... 7 years ago
0.2.0-alpha.714565b4 ... 7 years ago
0.2.0-alpha.f7b11c63 ... 7 years ago
0.2.0-alpha.bd244056 ... 7 years ago
0.2.0-alpha.d328fa90 ... 7 years ago
0.2.0-alpha.a369dd35 ... 7 years ago
0.2.0-alpha.c20a7afb ... 7 years ago
0.2.0-alpha.46beb5a1 ... 7 years ago
0.2.0-alpha.a93e3ebd ... 7 years ago
0.2.0-alpha.97a6e91d ... 7 years ago
0.2.0-alpha.a59a2bd4 ... 7 years ago
0.2.0-alpha.1a319bd0 ... 7 years ago
0.2.0-alpha.a4606fae ... 7 years ago
0.2.0-alpha.3a835d8f ... 7 years ago
0.2.0-alpha.c9c2ddd0 ... 7 years ago
0.2.0-alpha.5505b4f9 ... 7 years ago
0.2.0-alpha.1d903df8 ... 7 years ago
0.2.0-alpha.335e7a0f ... 7 years ago
0.2.0-alpha.7ad3aaa6 ... 7 years ago
0.2.0-alpha.2fb541e8 ... 7 years ago
0.2.0-alpha.87a7c3c7 ... 7 years ago
0.2.0-alpha.076a5833 ... 7 years ago
0.2.0-alpha.7b492b62 ... 7 years ago
0.2.0-alpha.406e3771 ... 7 years ago
0.2.0-alpha.72bcb091 ... 7 years ago
0.2.0-alpha.60374339 ... 7 years ago
0.2.0-alpha.10b12bd7 ... 7 years ago
0.2.0-alpha.920cbb94 ... 7 years ago
0.2.0-alpha.c96e9341 ... 7 years ago
0.2.0-alpha.9abc2666 ... 7 years ago
0.2.0-alpha.640adae6 ... 7 years ago
0.2.0-alpha.589611fb ... 7 years ago
0.2.0-alpha.bc9c43da ... 7 years ago
0.1.1 ... 7 years ago
0.1.1-rc.7 ... 7 years ago
0.1.1-rc.6 ... 7 years ago
0.1.1-rc.5 ... 7 years ago
0.1.1-rc.4 ... 7 years ago
0.1.1-rc.3 ... 7 years ago
0.1.1-rc.2 ... 7 years ago
0.1.1-rc.1 ... 7 years ago
0.1.1-rc.0 ... 7 years ago
0.1.0-rc.5 ... 7 years ago
0.2.0-alpha.62009446 ... 7 years ago
0.2.0-alpha.ab2b4e17 ... 7 years ago
0.1.0 ... 7 years ago
0.1.0-rc.4 ... 7 years ago
0.2.0-alpha.2afc388c ... 7 years ago
0.1.0-rc.3 ... 7 years ago
0.2.0-alpha.314bc862 ... 7 years ago
0.1.0-rc.2 ... 7 years ago
0.2.0-alpha.e9889e24 ... 7 years ago
0.1.0-rc.1 ... 7 years ago
0.1.0-rc.0 ... 7 years ago
0.0.1-rc.1 ... 7 years ago
0.0.1-rc.0 ... 7 years ago
0.1.0-alpha.c144285b ... 7 years ago
0.1.0-alpha.389964ac ... 7 years ago
0.1.0-alpha.ea8762da ... 7 years ago
0.1.0-alpha.1d86b11a ... 7 years ago
0.1.0-alpha.d94059f1 ... 7 years ago
0.1.0-alpha.260b88e3 ... 7 years ago
0.1.0-alpha.7dd7d142 ... 7 years ago
0.1.0-alpha.a9f6a8c2 ... 7 years ago
0.1.0-alpha.d1ea413c ... 7 years ago
0.1.0-alpha.3f5d8a65 ... 7 years ago
0.1.0-alpha.cef53ac4 ... 7 years ago