Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

feat(linear-progress): Add linear progress indicator #286

Closed
wants to merge 5 commits into from

Conversation

EisenbergEffect
Copy link
Contributor

This linear progress directive displays a simple, animated loading bar. There are four display modes: determinate, indeterminate, buffer and query.

Closes #187

bar1.css('width', clamp(value).toString() + '%');
});

$timeout(function(){container.addClass('ready');});
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we use an $$rAF here?

$$rAF( function(){
    var container = element.find('.container');
    container.addClass('ready');
});

@ajoslin ajoslin modified the milestone: 0.0.3 Sep 18, 2014
@@ -66,6 +66,12 @@
user-select: $val;
}

@mixin animation($animation) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you rebase against master, we have an animation mixin already.

@marcysutton
Copy link
Contributor

Note added about ARIA on the progress element itself. If it is showing progress of a specific region of the page, we may want to add code that establishes a relationship between the progress indicator and the other region:

"If the progressbar describes the loading progress of a particular region of a page, use aria-describedby to point to the region, and set aria-busy="true" on the region until it is finished loading."

More about the progressbar role: http://www.w3.org/TR/wai-aria/roles#progressbar

This linear progress directive displays a simple, animated loading bar. There are four display modes: determinate, indeterminate, buffer and query.

Closes #187
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add linear progress indicator
4 participants