Odyssey styleguide

Progress bar

Toggle example guides Toggle HTML markup

<insert-markup>components.progress.bar-</insert-markup>
.odyssey-progress__bar_warn
Warning bar
<insert-markup>components.progress.bar-0</insert-markup>
.odyssey-progress__bar_error
Error bar
<insert-markup>components.progress.bar-1</insert-markup>
Markup 
<div class="odyssey-progress" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
	<div class="odyssey-progress__bar [modifier class]" style="width: 70%;"></div>
</div>
Source: src/components/progress.less, line 1