#ProgressIndicator { width: 800px; } .doing { width: 150px; height: 50px; background: #fffeea url('Progress-doing.jpg') no-repeat center center; float: left; } .doing p { font-size: 15px; font-weight: bold; color: #333333; } .done { width: 150px; height: 50px; background: #fffeea url('Progress-done.jpg') no-repeat center center; float: left; } .done p { font-size: 15px; font-weight: bold; color: #fffeea; } .todo { width: 150px; height: 50px; background: #fffeea url('Progress-todo.jpg') no-repeat center center; float: left; } .todo p { font-size: 15px; font-weight: bold; color: #fff773; }