--- layout: default permalink: /progress category: components title: Progress description: "Native HTML progress bars customized with a single class and different colors." ---

{{page.title}} Component

{{page.description}}


Default
{% highlight html %} {% endhighlight %}
With Shadow
{% highlight html %} {% endhighlight %}
Colors



















{% highlight html %} {% endhighlight %}
Change sizes

Progress bars only have one size but you can change it by directly styling a style.


{% highlight html %} {% endhighlight %}