---
-title: Progess Bar
+title: Progress Bar
layout: documentation
doc-tab: elements
doc-subtab: progress
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.1 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.1/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.2 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.2: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.2: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.1 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.1/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.3 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.3: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.3: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.1 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.1/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.2 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.2: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.2: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.1 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.1: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.1/css/bulma-docs.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bulma v0.5.0 is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.">
- <title>Progess Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
+ <title>Progress Bar | Bulma v0.5.0: a modern CSS framework based on Flexbox</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://bulma.io/versions/0.5.0/css/bulma-docs.css">