Progress

Defines different styles for progress bars.

Usage

The progress bar consists of a background bar and the progress bar itself, indicating the increase.

Class Description
.uk-progress This class is used on the parent container to create the background of the progress bar.
.uk-progress-bar This class needs to be added to the child element to create the actual progress bar.

Example

40%

Markup

<div class="uk-progress">
    <div class="uk-progress-bar" style="width: 40%;">40%</div>
</div>

Size modifiers

Add the .uk-progress-mini or .uk-progress-small class to change the size of the bar.

Example

Markup

<div class="uk-progress uk-progress-mini">...</div>
<div class="uk-progress uk-progress-small">...</div>

Color modifiers

To apply different colors to your progress bars, just add the .uk-progress-success, .uk-progress-warning or .uk-progress-danger class.

Example

Markup

<div class="uk-progress uk-progress-success">...</div>
<div class="uk-progress uk-progress-warning">...</div>
<div class="uk-progress uk-progress-danger">...</div>

Striped

To create a striped progress bar, use the .striped class.

Example

Markup

<div class="uk-progress uk-progress-striped">...</div>

You can even animate the striped bar. To do so, just add the .uk-active class.

Example

Markup

<div class="uk-progress uk-progress-striped uk-active">...</div>

Combinable

All modifiers of the Progress component can be combined with each other.

Example

Markup

<div class="uk-progress uk-progress-small uk-progress-danger uk-progress-striped uk-active">...</div>

Testimonials

  • P Dave

    Reliable tenants made being landlord stress free. Besides being professional they are also well versed with nitty-gritties of Landlord tenant issue. As a first time landlord they helped me understand the the importance of choosing a right tenant. I always recommend Reliabletenants to my colleagues & friends.

  • Preet A

    My investment properties keep on changing but Reliabletenants are constant. With them at the helm I go about my work / travel abroad / go on vacations with a complete peace of mind. For all those investors out there, I strongly recommend reliabletenants.ca.

  • Robert Polski

    "You guys are so good! You guys actually exceeded my expectations from a Realtor!"

  • B & J smith

    I am thankful to my friend for recommending reliabletenants.ca and I in turn referred them to everyone I know. The reason is obvious. They are one of the finest, most knowledgeable and most respected agents I have ever met. They provide an excellent service. But don’t just read this, try them out for yourself. You’ll see.”

  • SAAD ABDO

    I want to let you know that we were really happy with reliabletenants.ca for sheltering us from all the unpleasent issues of being a landlord. we would definitely keep you in our mind for our next project

  • A & F Sultan

    "It is our pleasure to express thanks to reliabletenants.ca for giving us peace of mind. I was tired & overwhelmed with various issues arising & was ready to sell my property. I am more than happy to have retained my investment property. I would recommend reliabletenants without any reservations or second thoughts to our friends and family."

  • Odombo P.

    Reliabletenants are reliables themselves – Take it from me. They are looking after Mine & my relatives properties. So far no issues. Hopefully it continues in future too.

  • LE NGUYEN

    Reliabletenants are reliables themselves – Take it from me. They are looking after Mine & my relatives properties. So far no issues. Hopefully it continues in future too.

  • T PIETOWSKI

    I wish I had listened to reliabletenants.ca when they told me to transfer all utility bills to tenant, I didn't follow their advice & had to suffer because of the same. From then on I follow their suggestions to T.

  • Rajiv

    Reliabletenants.ca are a group of good folks. Everyone knows their role which in turn makes things very present for Landlord. Happy:)

Social

Logout