Notifications

close
  • Generic placeholder image
    Amy Adams1Jan 22

    Hey!! What are you doing tonight ?

  • Generic placeholder image
    James Simpsons2Feb 15

    What's up ???

  • Generic placeholder image
    Mark Witherspoon3Mar 03

    I will be late today in office.

  • Generic placeholder image
    Jenniffer Wills4Apr 05

    Venture presentation is ready.

  • N
    Nelson SmithJan 22

    WORKSalary has been processed.

  • C
    Courtney CoxFeb 15

    URGENTNew product launching...

  • R
    Rachel WhiteMar 03

    ORDERSHOPPINGYour order has been...

  • F
    FreepikMar 03

    VERIFY NOWNew Sign verification req...

  • Payment Success !!!

    We have received your payment toward ad Account : 9876543210. Your Ad is Running.

    INFOSTATUSToday, 09:39 PM

  • Nobita Applied for Leave.

    Nobita applied for leave due to personal reasons on 22nd Feb.

    APPROVEREJECTYesterday, 05:25 PM

  • Alert

    There has been new Log in fron your account at Melbourne. Mark it safe or report.

    Report Now5 Jan 2019, 02:13 PM

  • Congratulations !!!

    Your role in the organization has been changed from Editor to Chief Strategist.

    ACTIVITY10 Jan 2019, 08:49 PM

Settings

close
Select Color
Night Mode
Navigation Sidebar
Select Account
Default Progressbar
We use the .progress as a wrapper to indicate the max value of the progress bar.
Color Progressbar
Use background utility classes to change the appearance of individual progress bars.
Striped Progressbar
Add .progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.
Animated Stripped Progressbar
The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.
Sizing Progressbar
We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.
Multiple Progressbar
Include multiple progress bars in a progress component if you need.

Labels Progressbar

Add labels to your progress bars by placing text within the .progress-bar.

25%

© 2020 Theta - All Rights Reserved.