JarCasting
JarCasting JarCasting

ngprogress-lite

WebJar for ngprogress-lite

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.bower
Идентификатор

Идентификатор

ngprogress-lite
Последняя версия

Последняя версия

1.0.8
Дата

Дата
Тип

Тип

jar
Описание

Описание

ngprogress-lite
WebJar for ngprogress-lite
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/voronianski/ngprogress-lite

Скачать ngprogress-lite

Имя Файла Размер
ngprogress-lite-1.0.8.pom
ngprogress-lite-1.0.8.jar 8 KB
ngprogress-lite-1.0.8-sources.jar 22 bytes
ngprogress-lite-1.0.8-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.bower/ngprogress-lite/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>ngprogress-lite</artifactId>
    <version>1.0.8</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/ngprogress-lite/
implementation 'org.webjars.bower:ngprogress-lite:1.0.8'
// https://jarcasting.com/artifacts/org.webjars.bower/ngprogress-lite/
implementation ("org.webjars.bower:ngprogress-lite:1.0.8")
'org.webjars.bower:ngprogress-lite:jar:1.0.8'
<dependency org="org.webjars.bower" name="ngprogress-lite" rev="1.0.8">
  <artifact name="ngprogress-lite" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='ngprogress-lite', version='1.0.8')
)
libraryDependencies += "org.webjars.bower" % "ngprogress-lite" % "1.0.8"
[org.webjars.bower/ngprogress-lite "1.0.8"]

Зависимости

compile (1)

Идентификатор библиотеки Тип Версия
org.webjars.bower : angular jar [1,2)

Модули Проекта

Данный проект не имеет модулей.

ngprogress-lite

Bitdeli Badge

Nice looking slim progress bars provider for Angular.js applications.

It has similar API as original popular jQuery plugin (see references) to keep things as simple as possible.

The only dependency is angular.js framework.

File size is ~2kb when minified.

Install

You can download ngprogress-lite.js manually or install it with bower:

bower install ngprogress-lite

or npm:

npm install ngprogress-lite

You will need only to include ngprogress-lite.css and ngprogress-lite.js to your project, and then you can start using ngProgressLite provider in your controllers, services or directives.

Usage

For simple usage you can just call start() and done(), for example:

ngProgressLite.start();
$timeout(function () {
	ngProgressLite.done();
}, 2000);

For more advanced usage you can set the number between 0 and 1 to set progress bar to specific state:

ngProgressLite.set(0.5);
ngProgressLite.set(1.0);

You can also increment the progress bar by random number (this will never get to 100%):

ngProgressLite.inc();

Also it is possible to get current state number of a progress bar:

ngProgressLite.get()

Configuration

Provider is highly customizable, here is the list of some options that you can specify:

  • minimum - change the minimum percentage (defaults to 0.08)
  • speed - speed of transition animations (defaults to 300)
  • ease - type of transition easings
  • and even template - but it's not recommended though :)

Use ngProgressLiteProvider settings object in module's config:

angular.module('yourModule', ['ngProgressLite'])
	.config(['ngProgressLiteProvider', function (ngProgressLiteProvider) {
		ngProgressLiteProvider.settings.speed = 1500;
	}]);

Customization

If you want to change progress bar's look, you need just edit tiny ngprogress-lite.css file. Feel free to rewrite it as you wish ;)

If you have some style issues, please be sure that ngprogress-lite.css is not overwritten by other styles (e.g. z-index Bootstrap's navbar - link)

References

Inspired by Google, YouTube, Medium, etc.

  • nprogress - original jQuery dependant solution

(c) 2013 MIT License

Версии библиотеки

Версия
1.0.8